Elements with aria-hidden='true' must not contain focusable elements

aria/aria-hidden-focus · WCAG 4.1.2 · Level A

Elements with aria-hidden='true' must not contain focusable elements.

When aria-hidden='true' hides an element from assistive technologies but the element contains focusable children, keyboard users can focus those children but screen reader users won't know they exist. Either remove focusable elements from the hidden region, add tabindex='-1' to them, or remove aria-hidden.

Scan a page or repo for issues like this · All rules

Introduced in @accesslint/core v0.8.0