RGAA 4.1.2 · Navigation · Critère 12.8
Dans chaque page web, l’ordre de tabulation est-il cohérent ?
Un ordre de tabulation qui saute d'un bout à l'autre de la page fait perdre le fil : on ne sait plus où l'on est, ni ce qu'on vient de dépasser.
Ce que dit le référentiel
Transcription du RGAA 4.1.2, sans interprétation. C’est ce texte qui fait foi, et celui que vous citez dans un rapport.
Comment le vérifier
- Parcourir toute la page à la touche Tab, du début à la fin, en suivant le focus des yeux.
- Vérifier que le déplacement suit un ordre compréhensible — celui de la lecture, en général.
- Refaire le parcours après chaque action qui modifie la page : ouverture d'un menu, affichage d'une fenêtre modale, insertion de résultats.
- Vérifier qu'à la fermeture d'un composant, le focus revient sur l'élément qui l'avait ouvert.
Ce que notre outil fait
Jugement humain
Aucune machine ne tranche ce critère. L’outil vous présente les éléments et enregistre votre constat.
« Cohérent » est un jugement sur le sens de la page, pas sur son code : l'ordre du DOM et l'ordre visuel peuvent tous deux être respectés et le résultat rester incompréhensible. L'outil peut numéroter le parcours ; l'interpréter vous revient.
Comment nous mesurons ce que l'outil sait faire · ce critère s'audite dans l'extension RGAA Lab.
Les pièges
Les erreurs qu’on rencontre vraiment, relevées au fil des audits.
tabindexpositif : il place l'élément avant tous les autres et désorganise la page entière. Untabindexsupérieur à zéro est presque toujours une erreur.- Les grilles CSS et les
orderde flexbox déplacent l'affichage sans toucher au code : la page se lit dans un ordre et se tabule dans un autre. - Une fenêtre modale dont le focus n'est pas confiné laisse tabuler dans la page qui est derrière — invisible pour qui la voit, absurde pour qui l'écoute.