Critère RGAA 7.1 · Scripts
Critère RGAA 7.1 : Compatibilité des scripts avec les technologies d’assistance
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.1 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 "Compatibilité des scripts avec les technologies d’assistance" 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
Le composant personnalisé ne fournit pas les informations attendues aux aides techniques.
<div class="tab active" onclick="showPanel(1)">Détails</div>Exemple conforme
Le composant utilise un élément natif ou expose le rôle, l’état et la relation.
<button type="button" role="tab" aria-selected="true" aria-controls="panel-details">Détails</button>Comment vérifier ce critère ?
- Identifier toutes les occurrences concernées par "Compatibilité des scripts avec les technologies d’assistance" 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 "Compatibilité des scripts avec les technologies d’assistance" ?
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.