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

Comprendre

Tout ce qui s’active par script doit pouvoir l’être au clavier et avec tout dispositif de pointage.

Ce critère s’applique lorsque la page contient : scripts.

Ce que vérifie Agence RGAA

Notre moteur détecte automatiquement des anomalies, mais une personne doit confirmer la pertinence avant de conclure.

Nous détectons automatiquement :

• zones défilantes inaccessibles au clavier

Un résultat automatique n’est jamais un audit : seul un contrôle humain (en interne ou par un auditeur RGAA) permet de conclure.

Exemple de correction

<div class="tableau-defilant" tabindex="0" role="region" aria-label="Tableau des tarifs">
  …
</div>

<div style="overflow:auto; height:200px">
  Texte long, sans lien ni bouton…
</div>

• Tout ce qui réagit au clic doit aussi réagir au clavier : utilisez button et a.
• Un div avec un gestionnaire de clic n’est pas atteignable au clavier.

Patron de référence à adapter à votre contexte : il ne vaut pas validation du critère.

Tests officiels

1. Test 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.

   Méthodologie de test

   1. Retrouver dans le document, tous les éléments sur lesquels est implémenté un gestionnaire d’événements JavaScript (par exemple click, focus, mouseover, blur, keydown, touch…).
   2. Vérifier que l’élément est accessible au moyen du clavier :
      • Il est atteignable avec la touche de tabulation (tab) ;
      • Si l’élément gère une action simple, il est activable au clavier avec la touche entrée (Entrée) ;
      • Si l’élément gère une action complexe, il est utilisable avec le clavier (généralement avec les touches de direction).
   3. Sinon, vérifier qu’un élément accessible par le clavier permettant de réaliser la même action est présent dans la page.
   4. Vérifier que l’élément est accessible par tout dispositif de pointage (souris, toucher, stylet…).
   5. Sinon, vérifier qu’un élément accessible au moyen d’un dispositif de pointage et permettant de réaliser la même action est présent dans la page.
   6. Si c’est le cas, le test est validé.

2. Test 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) ?

   Méthodologie de test

   1. Activer, l’un après l’autre, tous les éléments capables de recevoir le focus.
   2. Vérifier que le focus n’est pas supprimé via une fonctionnalité JavaScript.
   3. Si c’est le cas, le test est validé.

Texte officiel du référentiel RGAA 4.1.2 publié par la DINUM — voir la source.