Skip to content

v2.7.1 - Accessibility Improvements

Choose a tag to compare

@a-pasquale a-pasquale released this 06 Nov 18:45
· 4 commits to main since this release

Accessibility Fixes

This release resolves multiple accessibility violations detected by axe-core testing:

Changes

  • Fixed landmark violations: Changed QA bot wrapper from role="region" to role="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