Cette traduction n’a pas encore été relue par la rédaction. La version allemande fait foi. Deutsche Fassung →
Nom, rôle, valeur et messages d'état : ce que les aides techniques lisent dans le code
Chaque élément de commande doit indiquer aux aides techniques comment il s'appelle, ce qu'il est et dans quel état il se trouve. Et les messages qui apparaissent sans changement de page — « enregistré », « 3 résultats », « erreur » — doivent être annoncés sans déplacer le focus.
- Qui utilise des éléments standard en remplissent la plupart par eux-mêmes : un <button> communique rôle et état sans intervention. Les problèmes surviennent avec les éléments reconstruits — un <div> avec un événement clic n'a ni rôle, ni nom, ni état.
- ARIA est à la fois un outil et une source d'erreur : les attributs mal placés rendent la situation pire qu'aucun. Un aria-expanded qui ne suit pas l'état réel dit activement quelque chose de faux à l'utilisateur.
- Les messages d'état sont le cas le plus courant avec les champs de recherche avec résultats instantanés : le nombre de résultats change visiblement, mais n'est jamais annoncé. Celui qui ne voit pas n'en saura rien.