Scripts · RGAA critère 7.1 · WCAG 4.1.2 (niveau A)
Élément masqué aux lecteurs d'écran mais atteignable au clavier : pourquoi et comment corriger
- Gravité : majeur
- Correction moyenne
- Gêne : personnes aveugles (lecteur d'écran), handicap moteur (clavier seul)
En bref. Le focus arrive sur un élément « fantôme », annoncé comme vide.
Ce que demande le référentiel
« Chaque script qui génère ou contrôle un composant d’interface vérifie-t-il, si nécessaire, une de ces conditions ? »
Comment corriger
Retirer aria-hidden, ou rendre les éléments non focalisables (tabindex="-1", inert).
<div aria-hidden="true">
<a href="/promo">Voir l'offre</a>
</div><div aria-hidden="true">
<a href="/promo" tabindex="-1">Voir l'offre</a>
</div>
<!-- ou retirer aria-hidden si le contenu est utile -->Ce qu'un test automatique voit, et ce qu'il ne voit pas
Détecté automatiquement
Un élément masqué avec aria-hidden qui contient un lien, un bouton ou un champ atteignable avec Tab.
À vérifier par une personne
Que le contenu masqué soit vraiment inutile ; sinon, ne pas le masquer.
Sources : RGAA 4.1.2 (DINUM), WCAG 2.2 (W3C). Mis à jour le 30/09/2026. Cette fiche explique un défaut détectable ; elle ne constitue pas un audit de conformité.