← Toutes les règles

ARIA

Certains éléments ne peuvent pas porter de nom ARIA

• Règle: aria-prohibited-attr
• Gravité: Sérieux
• Niveau WCAG A

Pourquoi c’est important

Un élément générique — un simple div ou span sans rôle — n’a pas droit à un nom. Les technologies d’assistance y ignorent aria-label : l’étiquette que vous avez écrite n’est jamais lue.

Comment corriger

1. Donnez à l’élément un rôle qui accepte un nom, ou utilisez un élément sémantique comme <section>, <nav> ou un titre.
2. Si l’étiquette ne sert qu’aux personnes voyantes, mettez du texte visible.
3. Supprimez aria-label lorsque l’élément est décoratif.

Dans le balisage

<div aria-label="Latest news">Latest news</div>

<section aria-label="Latest news">Latest news</section>

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 :

• 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-prohibited-attr (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.