Scan gratuit

Corriger « aria-hidden appliqué à <body> » en HTML

Pourquoi c'est un problème

Poser aria-hidden="true" sur <body> retire TOUTE la page des technologies d'assistance. Un lecteur d'écran n'annonce plus rien : la page est vide pour lui, alors qu'elle s'affiche normalement à l'écran. C'est une erreur unique, mais totale.

Comment corriger — HTML

Retirez aria-hidden de <body>. Le cas typique est une fenêtre modale qui masque le reste de la page : appliquez aria-hidden (ou mieux, inert) au conteneur du contenu principal, jamais à <body>, qui contient aussi la modale.

À éviter
<!-- La modale est DANS body : elle disparaît aussi -->
<body aria-hidden="true">
  <main>…</main>
  <div role="dialog">…</div>
</body>
Correct
<body>
  <main inert>…</main>
  <div role="dialog" aria-modal="true">…</div>
</body>

Vérifiez votre site en 30 secondes

Conformly détecte ce type de problème sur toutes vos pages, en continu, et vous alerte à chaque régression.

Scan gratuit

Autres corrections