Attributs ARIA incorrects ou manquants

Les attributs ARIA (Accessible Rich Internet Applications) permettent de rendre les composants web dynamiques accessibles aux technologies d'assistance. Le critère 7.1 du RGAA exige que chaque script soit compatible avec les technologies d'assistance, ce qui implique une utilisation correcte des attributs ARIA quand les éléments HTML natifs ne suffisent pas. Le problème des ARIA incorrects est multiple et prend de nombreuses formes. L'utilisation d'un role incorrect est la première erreur : attribuer role="button" à un élément qui se comporte comme un lien, ou role="menu" à une simple liste de liens de navigation. Chaque rôle ARIA implique des comportements et des interactions clavier spécifiques définis par le WAI-ARIA Authoring Practices Guide. Un role="menu" implique que les flèches directionnelles permettent de naviguer entre les items, que Entrée active l'item sélectionné, et que Échap ferme le menu. Si ces comportements ne sont pas implémentés, le rôle ARIA est menteur et désoriente l'utilisateur. L'absence d'attributs ARIA obligatoires est une autre erreur courante. Un composant onglet (role="tablist") doit inclure role="tab" sur chaque onglet, role="tabpanel" sur chaque panneau, aria-selected pour indiquer l'onglet actif, aria-controls pour lier chaque onglet à son panneau, et aria-labelledby pour lier chaque panneau à son onglet. Omettre un seul de ces attributs brise l'expérience du lecteur d'écran. La première règle d'ARIA est de ne pas l'utiliser si un élément HTML natif fait le travail. Un button HTML est toujours préférable à un div role="button". Un select HTML est toujours préférable à un div role="listbox" custom. L'ARIA n'ajoute pas de fonctionnalité native — il ne fait qu'annoncer des informations aux technologies d'assistance. Si le comportement sous-jacent n'est pas implémenté, l'ARIA crée une expérience pire que son absence.

Les attributs ARIA incorrects créent une dissonance entre ce que le lecteur d'écran annonce et ce que le composant fait réellement. Si un lecteur d'écran annonce « menu, 5 éléments » mais que les flèches directionnelles ne fonctionnent pas, l'utilisateur aveugle est désorienté. Il s'attend à un comportement qui n'existe pas. C'est pire que l'absence d'ARIA, car sans ARIA le lecteur d'écran annoncerait simplement des liens — et l'utilisateur saurait comment interagir avec eux. Les attributs aria-expanded, aria-selected, et aria-checked incorrects sont particulièrement problématiques : ils indiquent un état (ouvert/fermé, sélectionné/non sélectionné) qui ne reflète pas la réalité. L'utilisateur croit qu'un menu est fermé alors qu'il est ouvert, ou qu'une case est cochée alors qu'elle ne l'est pas. Les ARIA mal implémentés sont une cause fréquente d'échec aux audits d'accessibilité car ils démontrent une tentative de conformité sans la rigueur nécessaire.