Thématique 7 · Scripts

Critère RGAA 7.3 : Scripts utilisables au clavier

Un composant qui ne réagit qu'à la souris (div cliquable, menu au survol) bloque les personnes qui naviguent au clavier, par contacteur ou à la voix.

Niveau

AA

WCAG 2.2

1.3.1, 2.1.1, 2.4.7

Thématique

Scripts

Vérification

Détection partielle

La question posée par le RGAA

Chaque script est-il contrôlable par le clavier et par tout dispositif de pointage (hors cas particuliers) ?

Comment respecter ce critère

• Utilisez de vrais boutons et liens : ils sont focalisables et activables au clavier d'origine.
• Pour un élément sur mesure, ajoutez tabindex="0", un rôle et la gestion des touches Entrée, Espace, flèches et Échap.

Exemple

Un composant scripté n'est pas contrôlable au clavier (div cliquable sans gestion clavier).

<div onclick="open()">Ouvrir</div>

<button type="button" onclick="open()">Ouvrir</button>

Les tests officiels

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

1. 7.3.1 — Chaque élément possédant un gestionnaire d’événement contrôlé par un script vérifie-t-il une de ces conditions (hors cas particuliers) ? (L’élément est accessible par le clavier et tout dispositif de pointage ; Un élément accessible par le clavier et tout dispositif de pointage permettant de réaliser la même action est présent dans la page.)
2. 7.3.2 — Un script ne doit pas supprimer le focus d’un élément qui le reçoit. Cette règle est-elle respectée (hors cas particuliers) ?

Source : RGAA 4.1.2, critère 7.3, 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

Accessia détecte automatiquement une partie des manquements à ce critère et les signale « à confirmer » ; la revue guidée vous fait vérifier le reste avec les tests officiels.