Thème 7 — Scripts

Ce que le RGAA exige pour les scripts

Le thème 7 encadre tout ce que JavaScript ajoute à la page : menus déroulants, carrousels, fenêtres modales, onglets, autocomplétion, notifications. La règle cardinale (critère 7.1) : chaque script qui porte une fonctionnalité doit être compatible avec les technologies d’assistance — rôles, noms et états exposés (c’est ici qu’ARIA entre en jeu), focus géré correctement. Les critères suivants exigent que chaque élément scripté soit contrôlable au clavier comme à tout dispositif de pointage, que l’utilisateur soit averti ou garde la maîtrise quand un script déclenche un changement de contexte, et que les messages de statut (confirmation d’ajout au panier, erreurs, résultats de recherche mis à jour) soient restitués sans déplacer le focus.

Le piège classique : le faux bouton

Le div onclick est l’anti-modèle du thème : cliquable à la souris, invisible au clavier, muet au lecteur d’écran. La solution est presque toujours d’utiliser l’élément HTML natif (button, a, details, dialog) qui apporte gratuitement clavier, focus et sémantique — ARIA ne vient qu’en complément, jamais en remplacement.

Comment vérifier votre site

Testez au clavier : Tab pour parcourir, Entrée/Espace pour activer, Échap pour fermer. Si un parcours complet est impossible, le thème 7 n’est pas conforme. Les scanners automatiques — le nôtre compris — ne détectent qu’une partie de ces problèmes : le comportement dynamique exige un test manuel ou un audit professionnel.

Les fiches critères du thème Scripts

0 fiche détaillée sur 5 critères — les fiches sont publiées progressivement, avec vérification contre le texte officiel du référentiel.

← Thème 6 : Liens · Thème 8 : Éléments obligatoires →