Critère RGAA 7.3 · Scripts
Critère RGAA 7.3 : Contrôle possible au clavier et à la souris
Les composants JavaScript doivent rester utilisables au clavier, exposer leur rôle et restituer correctement leurs changements d’état.
Comprendre le critère
Le critère RGAA 7.3 porte sur le comportement des composants interactifs pilotés par JavaScript. L’objectif est de vérifier que cette information ou cette fonctionnalité reste disponible dans le code, pas seulement dans le rendu visuel.
Un composant JavaScript est conforme quand son nom, son rôle, ses états et ses changements sont utilisables au clavier et compréhensibles par les aides techniques.
Pourquoi c'est important ?
Les composants dynamiques sont souvent au cœur des parcours : menu, modale, panier, filtre, onglets. S’ils ne sont pas accessibles, le service peut devenir inutilisable.
Une erreur sur "Contrôle possible au clavier et à la souris" peut créer une rupture très concrète : contenu non annoncé, action impossible au clavier, information ambiguë ou parcours incompréhensible pour une technologie d’assistance.
Exemple non conforme
Une action disponible au clic ne peut pas être déclenchée au clavier.
<div onclick="openMenu()">Menu</div>Exemple conforme
Un élément natif expose le rôle et fonctionne au clavier.
<button type="button" aria-expanded="false" aria-controls="menu">Menu</button>Comment vérifier ce critère ?
- Identifier toutes les occurrences concernées par "Contrôle possible au clavier et à la souris" sur la page auditée.
- Tester chaque composant à la souris, au clavier et sans supposer le focus visuel.
- Contrôler le nom, le rôle, la valeur, l’état et les changements annoncés aux technologies d’assistance.
- Vérifier qu’une alternative existe lorsque le script ne peut pas être rendu accessible.
Erreurs fréquentes
- Remplacer un bouton par un div cliquable.
- Gérer le clic souris mais pas Entrée ou Espace.
- Changer le contenu sans annoncer le changement.
- Piéger le focus dans une modale ou un widget.
Questions fréquentes
Ce critère peut-il être testé automatiquement ?
Partiellement. Les erreurs ARIA peuvent être détectées, mais le comportement clavier et la restitution doivent être testés.
Quel est le premier réflexe pour corriger "Contrôle possible au clavier et à la souris" ?
Revenir au besoin utilisateur, puis utiliser le HTML natif le plus approprié avant d’ajouter ARIA, CSS ou JavaScript.
Quand considérer le critère comme non applicable ?
Uniquement lorsque la page ne contient aucun contenu, composant ou cas visé par le critère. Cette décision doit être justifiée dans la grille d’audit.
Tester ce critère avec AllyNizer
Lancez une analyse de page pour repérer les erreurs automatiques, puis complétez avec les vérifications manuelles proposées dans cette fiche.