Valeurs d'attributs ARIA invalides

Un aria-labelledby qui pointe vers un id inexistant, ou un aria-expanded à « oui » au lieu de « true », ne produit aucun effet utile.

Qui est concerné

• Personnes aveugles ou malvoyantes utilisant des composants interactifs

Pourquoi c'est important

Les attributs ARIA attendent des valeurs précises : un id qui existe, un booléen true/false, une valeur d'une liste fermée. Une référence cassée ou une valeur hors liste rompt le lien. Critère 4.1.2, niveau A. C'est l'erreur classique du composant « rendu accessible » qui ne l'est pas en pratique.

Comment le tester vous-même

1. Chaque aria-labelledby / aria-describedby pointe-t-il vers un id réellement présent ?
2. Les attributs booléens valent-ils true ou false (pas « oui », pas vide) ?

Comment corriger

Vérifiez les valeurs des attributs ARIA (ex. un aria-labelledby doit pointer vers un id existant).

<button aria-labelledby="titre-absent" aria-expanded="oui">Menu</button>

<span id="titre-menu">Menu principal</span>
<button aria-labelledby="titre-menu" aria-expanded="false">Menu</button>

Critères de référence

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.