Gravité : Majeur
ARIA et composants riches
Attributs ARIA invalides
Un attribut aria-* mal orthographié ou inexistant est purement ignoré : l'intention est perdue sans aucune alerte.
Qui est concerné
- Personnes aveugles ou malvoyantes, privées de l'information que l'attribut devait porter
Pourquoi c'est important
aria-labeledby (au lieu de aria-labelledby) ou aria-require n'existent pas : le navigateur les ignore en silence. On croit avoir rendu un composant accessible alors qu'il ne l'est pas. Critère 4.1.2, niveau A.
Comment le tester vous-même
- Vérifiez l'orthographe exacte de chaque attribut aria-*.
- Attention aux doubles lettres (aria-labelledby, aria-describedby).
Comment corriger
Corrigez les attributs aria-* mal orthographiés ou inexistants.
<button aria-labeledby="titre">...</button>
<button aria-labelledby="titre">...</button>
Critères de référence
| WCAG 2.1 |
|
|---|---|
| RGAA 4.1 | Thème 7 : Scripts |
Plainpied détecte ce défaut automatiquement et le localise page par page. La conformité totale combine détection automatique et vérifications humaines : voir notre méthode.