Gravité : Majeur
ARIA et composants riches
Attributs ARIA interdits
Certains éléments ou rôles n'autorisent pas certains attributs ARIA : les y poser produit un comportement imprévisible.
Qui est concerné
- Personnes aveugles ou malvoyantes utilisant des composants riches
Pourquoi c'est important
ARIA a des règles : un aria-label sur un élément générique sans rôle, par exemple, peut être ignoré ou mal restitué selon le lecteur d'écran. Mettre un attribut là où il n'est pas permis dégrade l'expérience plutôt que de l'améliorer. Critère 4.1.2, niveau A.
Comment le tester vous-même
- Vérifiez que chaque attribut ARIA est autorisé sur l'élément ou le rôle qui le porte.
- Préférez nommer un élément interactif (lien, bouton) plutôt qu'un <span> ou <div> nu.
Comment corriger
Retirez les attributs ARIA non autorisés sur cet élément ou ce rôle.
<span aria-label="Fermer">x</span>
<button aria-label="Fermer">x</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.