Dans chaque page web, l’ordre de tabulation est-il cohérent ?

Comprendre

L’ordre de tabulation doit suivre l’ordre logique de lecture.

Ce critère s’applique à toutes les pages.

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 :

• valeurs tabindex positives

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

<nav>…</nav>
<main>…</main>
<button type="button">Valider</button>

<a href="/a" tabindex="3">A</a>
<a href="/b" tabindex="1">B</a>

• Seuls tabindex="0" et tabindex="-1" sont recommandés.

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

Tests officiels

1. Test 12.8.1

   Dans chaque page web, l’ordre de tabulation dans le contenu est-il cohérent ?

   Méthodologie de test

   1. Parcourir dans le document l’ensemble des contenus au moyen de la touche de tabulation vers l’avant (touche Tab) et vers l’arrière (touches Maj+Tab) ;
   2. Vérifier que l’ordre de déplacement du focus reste cohérent relativement au contenu considéré (par exemple, l’ordre de tabulation dans une fenêtre modale ne doit considérer que les éléments d’interface présents au sein de cette fenêtre) ;
   3. Si c’est le cas, le test est validé. Note : il n'est pas obligatoire que la tabulation suive l'ordre de lecture naturel (de gauche à droite et de haut en bas par exemple) tant que les éléments sont accessibles dans un ordre cohérent.

2. Test 12.8.2

   Pour chaque script qui met à jour ou insère un contenu, l’ordre de tabulation reste-t-il cohérent ?

   Méthodologie de test

   1. Retrouver dans le document l’ensemble des contenus insérés au moyen d’un script (affichage d’éléments masqués, mise jour de contenu via AJAX par exemple) ;
   2. Positionner la tabulation sur l’élément déclencheur et l’activer ;
   3. Après l’affichage du contenu mis à jour, vérifier que la tabulation reste cohérente (repositionnement correct du focus) ;
   4. 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.