:wheelchair: a11y(bal-nav): Overlay background accessible - Githubissues

baloise / design-system

The Baloise Design System consists of reusable components and a clearly defined visual style, that can be assembled together to build any number of applications.

https://design.baloise.dev

Apache License 2.0

95 stars 26 forks source link

:wheelchair: a11y(bal-nav): Overlay background accessible #1423

Open carolabes opened 3 weeks ago

carolabes commented 3 weeks ago

Description of this issue

When the menus are expanded, users can access "hidden" content behind overlay via screenreader/keyboard.
affects all overlays

How to fix it

If menus are expanded, only visible content should be accessible
Background must have tab-index = -1 and aria-hidden = true.

Additional Information

Level A https://www.w3.org/WAI/WCAG21/Understanding/meaningful-sequence.html

Level AA https://www.w3.org/WAI/WCAG22/Understanding/focus-not-obscured-minimum.html

Code of Conduct

[X] I agree to follow this project's Code of Conduct

mmarinkov commented 4 days ago

/cib

github-actions[bot] commented 4 days ago

Branch feat/issue-1423 created!