Contenu masqué pouvant recevoir le focus

Message affiché par axe et Lighthouse: aria-hidden n’est pas assigné aux éléments qui reçoivent le focus au clavier · aria-hidden-focus · WCAG 4.1.2

Ce que cela signifie et pourquoi c’est important

Les utilisateurs au clavier tombent sur des éléments invisibles pour le lecteur d’écran et se perdent (WCAG 4.1.2).

Comment corriger

Retirez les éléments focalisables des zones aria-hidden ou ajoutez tabindex="-1" / inert.

Exemple de code

Avant

<div aria-hidden="true">
  <a href="/sale">Sale</a>
</div>

Après

<div aria-hidden="true" inert>
  <a href="/sale">Sale</a>
</div>

Trouvez cette erreur sur votre site

Testez gratuitement n’importe quelle page — résultat en quelques secondes, avec les corrections.

Tester une page gratuitement

Toutes les erreurs d’accessibilité