Repository navigation
v2.7.1 - Accessibility Improvements
Accessibility Fixes
This release resolves multiple accessibility violations detected by axe-core testing:
Changes
- Fixed landmark violations: Changed QA bot wrapper from
role="region"torole="application"to properly scope the nested main landmark from react-chatbotify - Improved ARIA labels: Made aria-label dynamic based on embedded vs floating mode for better screen reader context
- Enhanced live region: Added
role="status"to the live region for improved screen reader announcements - Removed redundant wrapper: Eliminated duplicate main landmark wrapper (react-chatbotify already provides its own)
Resolved Violations
- ✅
landmark-main-is-top-level: Main landmark is now properly scoped within application role - ✅
landmark-no-duplicate-main: Removed redundant main wrapper - ✅
aria-prohibited-attr: Added proper role to live region div
Technical Details
According to WCAG/ARIA guidelines, role="application" creates a separate application context that can have its own main landmark, making nested landmarks from third-party components (like react-chatbotify) acceptable.
Full Changelog: v2.7.0...v2.7.1