# Een met ARIA verborgen element mag niet focusbaar zijn en geen focusbare elementen bevatten

<https://www.fixreports.com/nl/issues/aria-hidden-focus>

WCAG 4.1.2 Naam, rol, waarde · Niveau A

Focusbare elementen zijn verborgen voor schermlezers, maar zijn nog wel met het toetsenbord te bereiken.

## 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
### Op elke website
1. Verwijder aria-hidden van containers met focusbare elementen, of voeg tabindex="-1" en het attribuut inert toe aan verborgen off-canvasmenu’s en slides.

### In Shopify
1. Verwijder aria-hidden van containers met focusbare elementen, of voeg tabindex="-1" en het attribuut inert toe aan verborgen off-canvasmenu’s en slides.

### In WooCommerce en WordPress
1. 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.

## Bronnen
- Documentatie van de axe-core-regel (Deque): https://dequeuniversity.com/rules/axe/4.13/aria-hidden-focus
- Uitleg bij WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value