Wat deze regel controleert
Zorg dat elementen met aria-hidden niet focusbaar zijn en geen focusbare elementen bevatten.
Waarom het belangrijk is
Toetsenbordgebruikers komen terecht op elementen die schermlezers niet voorlezen (WCAG 4.1.2).
Zo los je het op
- Verwijder aria-hidden van containers met focusbare elementen, of voeg tabindex="-1" en het attribuut inert toe aan verborgen off-canvasmenu’s en slides.
Zo controleer je de oplossing
- Ga met Tab door de pagina terwijl een schermlezer draait.
Zo vindt FixReports het
Onze scan voert de axe-core-regel aria-hidden-focus uit in een echte Chrome-browser op elke pagina die hij test, en meldt elk element dat niet slaagt, met de pagina, de markup en, waar van toepassing, een screenshot.
Een geautomatiseerde test bevestigt dat dit specifieke probleem aanwezig is. Hij kan niet zeggen of de rest van de pagina toegankelijk is: sommige drempels komen pas aan het licht als een mens de pagina controleert.