ARIA

Le corps de la page ne doit pas être masqué aux technologies d’assistance

Règle: aria-hidden-body
Gravité: Critique
Niveau WCAG A

Pourquoi c’est important

aria-hidden="true" sur <body> retire la page entière de l’arbre d’accessibilité. Un lecteur d’écran annonce un document vide : pour lui, rien n’existe sur la page.

Comment corriger

Retirez aria-hidden de <body>.
Si une fenêtre modale doit faire ignorer le reste de la page, marquez le conteneur frère comme inert (ou aria-hidden), jamais le body lui-même.
Regardez le code qui ouvre les boîtes de dialogue : c’est presque toujours un nettoyage qui n’a pas eu lieu.

Dans le balisage

Échoue

<body aria-hidden="true">...</body>

Réussit

<body>
  <div aria-hidden="true" class="decorative-backdrop"></div>
</body>

L’exigence sous-jacente

Cette règle est une manière d’échouer aux critères de succès WCAG 2.2 suivants. Le W3C, qui rédige la norme, explique chacun d’eux :

1.3.1 Information et relations (s’ouvre dans un nouvel onglet) — Niveau WCAG A
4.1.2 Nom, rôle et valeur (s’ouvre dans un nouvel onglet) — Niveau WCAG A

Pour aller plus loin

Deque University sur aria-hidden-body (s’ouvre dans un nouvel onglet)

Deque développe axe-core, le moteur open source utilisé par notre scanner. Sa page documente la règle telle que le moteur l’implémente.

Les contrôles automatiques trouvent les défaillances qu’un navigateur peut prouver. Ils ne peuvent pas juger si un sous-titrage est fidèle, si une alternative textuelle est utile, ni si une page s’utilise de bout en bout au clavier : cela demande une personne.