# aria-hidden n’est pas assigné aux éléments qui reçoivent le focus au clavier

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

WCAG 4.1.2 Nom, rôle et valeur · Niveau A

Des éléments focalisables sont masqués aux lecteurs d’écran mais restent accessibles au clavier.

## Ce que vérifie cette règle
Vérifier qu’aria-hidden n’est pas assigné aux éléments qui reçoivent le focus au clavier.

## Pourquoi c’est important
Les utilisateurs du clavier arrivent sur des éléments que les lecteurs d’écran n’annoncent pas (WCAG 4.1.2).

## Comment corriger
### Sur n’importe quel site web
1. Retirez aria-hidden des conteneurs qui contiennent des éléments focalisables, ou ajoutez tabindex="-1" et l’attribut inert aux menus hors écran et aux diapositives masqués.

### Sur Shopify
1. Retirez aria-hidden des conteneurs qui contiennent des éléments focalisables, ou ajoutez tabindex="-1" et l’attribut inert aux menus hors écran et aux diapositives masqués.

### Sur WooCommerce et WordPress
1. Retirez aria-hidden des conteneurs qui contiennent des éléments focalisables, ou ajoutez tabindex="-1" et l’attribut inert aux menus hors écran et aux diapositives masqués.

## Comment vérifier la correction
- Parcourez la page avec la touche Tab, avec un lecteur d’écran actif.

## Sources
- Documentation de la règle axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/aria-hidden-focus
- Comprendre le critère WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value