Thématique 7 · Scripts

Critère RGAA 7.1 : Composants JavaScript compatibles

Un menu, des onglets ou une fenêtre modale créés en JavaScript sans rôle ni état exposés sont inutilisables avec un lecteur d'écran : il ne sait pas ce qu'est l'élément ni s'il est ouvert.

Niveau: A
WCAG 2.2: 2.5.3, 4.1.2
Thématique: Scripts
Vérification: Vérification humaine

La question posée par le RGAA

Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance ?

Comment respecter ce critère

Préférez les éléments HTML natifs (button, details, dialog, select) qui sont accessibles d'origine.
Pour un composant sur mesure, suivez les motifs de conception WAI-ARIA (APG) : rôle, nom, état (aria-expanded, aria-selected…).
Testez chaque composant avec un lecteur d'écran.

Les tests officiels

Pour être conforme, chaque élément concerné de la page doit satisfaire les tests suivants :

7.1.1 — Chaque script qui génère ou contrôle un composant d’interface vérifie-t-il, si nécessaire, une de ces conditions ? (Le nom, le rôle, la valeur, le paramétrage et les changements d’états sont accessibles aux technologies d’assistance via une API d’accessibilité ; Un composant d’interface accessible permettant d’accéder aux mêmes fonctionnalités est présent dans la page ; Une alternative accessible permet d’accéder aux mêmes fonctionnalités.)
7.1.2 — Chaque script qui génère ou contrôle un composant d’interface respecte-t-il une de ces conditions ? (Le composant d’interface est correctement restitué par les technologies d’assistance ; Une alternative accessible permet d’accéder aux mêmes fonctionnalités.)
7.1.3 — Chaque script qui génère ou contrôle un composant d’interface vérifie-t-il ces conditions (hors cas particuliers) ? (Le composant possède un nom pertinent ; Le nom accessible du composant contient au moins l’intitulé visible ; Le composant possède un rôle pertinent.)

Source : RGAA 4.1.2, critère 7.1, DINUM (nouvel onglet), sous Licence Ouverte. Le RGAA précise aussi des cas particuliers et un glossaire à consulter pour un audit officiel.

Comment Accessia le vérifie

Ce critère demande un jugement humain (pertinence, contexte, contenu multimédia). La revue guidée d'Accessia vous le présente avec ses tests officiels, et l'extension Chrome aide à le vérifier (ordre de tabulation, titres, zones, lecteur d'écran, simulations).