| Title | ARIA Hidden Focusable Content Check |
|---|---|
| id | element_02 |
| type | true |
| elem | all |
| test | elementDec |
| score | 10 |
| level | A |
| trust | 1 |
| ref | 6cfa84 |
| scs | 4.1.2 |
| dis | 43353 |
| result | passed |
ARIA Hidden Focusable Content Check
The "ARIA Hidden Focusable Content Check" evaluates whether all elements with aria-hidden="true" contain focusable or interactive content, such as buttons, links, or inputs.
I haven't found any elements with the aria-hidden attribute that have focusable content.
- Visual Impairments: A user may tab into a button or link that screen readers don’t announce, leaving them stuck or unaware of what’s happening.
- Motor Impairments: People with motor impairments could land on a control that seems broken or unresponsive.
- Cognitive Disabilities: Inconsistent or "ghost" interactions (that appear but aren’t announced) can confuse and frustrate.
To address inappropriately focusable hidden content:
- Locate the element that contains
aria-hidden="true". - If that's appropriate, remove focusable children from hidden containers.
- If the children element(s) are interactable, remove the
aria-hidden="true"attribute. - Finally, is most suitable, you can also disable the focusable element while it is hidden from assistive tech.