Les composants interactifs de votre site — menus déroulants, accordéons, onglets — fonctionnent-ils correctement avec les logiciels de lecture ?
Critère officiel 7.1 — Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance ?
Pourquoi c'est important
Une personne aveugle navigue dans un accordéon FAQ ou un menu déroulant sans voir l'état ouvert ou fermé ni les options disponibles. Si le développeur n'a pas déclaré ces états dans le code, le logiciel de lecture annonce uniquement « bouton » sans préciser s'il est développé ou réduit, ni quel contenu il contient.
Exemples concrets
Ce qui est conforme
L'accordéon FAQ annonce correctement : « Bouton : Comment inscrire mon enfant à la cantine ? — Réduit. Appuyez sur Entrée pour développer. » Après activation : « Développé. » Le contenu est lu. L'état du composant est toujours communiqué.
Ce qui pose problème
Le même accordéon annonce seulement : « Bouton. Bouton. Bouton. » Le logiciel de lecture ne signale pas que ces boutons ouvrent du contenu caché, ni quel contenu ils contrôlent.
Comment agir
Lors de tout ajout de composant interactif (menu, accordéon, carrousel, onglets), incluez dans le cahier des charges : « Les composants interactifs doivent implémenter les attributs ARIA d'état (aria-expanded, aria-selected, aria-haspopup) conformément au RGAA 4.1. » Test rapide : appuyez sur Tab pour atteindre le composant, puis Entrée — s'il ne réagit pas, le problème est confirmé.