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

  1. Vérifiez l'orthographe exacte de chaque attribut aria-*.
  2. Attention aux doubles lettres (aria-labelledby, aria-describedby).

Comment corriger

Corrigez les attributs aria-* mal orthographiés ou inexistants.

À éviter
<button aria-labeledby="titre">...</button>
Recommandé
<button aria-labelledby="titre">...</button>

Critères de référence

WCAG 2.1
  • 4.1.2 : Nom, rôle et valeur (niveau A)
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.

Ce défaut est-il présent sur votre site ?

Scan gratuit, score et corrections en dix minutes, sans compte.

Lancer un audit gratuit