Critère RGAA 12.9 · Navigation
Critère RGAA 12.9 : Navigation sans piège au clavier
La navigation doit être cohérente, prévisible et offrir plusieurs moyens d’accès aux contenus importants.
Comprendre le critère
Le critère RGAA 12.9 porte sur les moyens de se déplacer et de se repérer dans le site. L’objectif est de vérifier que cette information ou cette fonctionnalité reste disponible dans le code, pas seulement dans le rendu visuel.
Le contrôle porte sur les parcours réels : accès au contenu principal, cohérence des menus, ordre du focus, alternatives de navigation et absence de piège.
Pourquoi c'est important ?
Une navigation prévisible réduit la charge cognitive et permet aux utilisateurs clavier ou lecteur d’écran d’atteindre rapidement les zones utiles.
Une erreur sur "Navigation sans piège au clavier" peut créer une rupture très concrète : contenu non annoncé, action impossible au clavier, information ambiguë ou parcours incompréhensible pour une technologie d’assistance.
Exemple non conforme
Le focus entre dans un carrousel mais ne peut plus en sortir au clavier.
<div class="carousel" tabindex="0" onkeydown="trapFocus(event)">...</div>Exemple conforme
Le composant laisse sortir le focus ou propose une commande explicite.
<section class="carousel" aria-label="Actualités">\n <button type="button">Pause</button>\n <a href="/actualites">Toutes les actualités</a>\n</section>Comment vérifier ce critère ?
- Identifier toutes les occurrences concernées par "Navigation sans piège au clavier" sur la page auditée.
- Tester le parcours au clavier depuis le haut de page jusqu’au contenu principal.
- Vérifier la cohérence des menus, plans, recherches et liens d’accès rapide sur plusieurs pages.
- Contrôler que le focus suit un ordre logique et ne reste jamais bloqué.
Erreurs fréquentes
- Changer l’ordre des menus selon les pages.
- Oublier le lien d’évitement.
- Créer un ordre de tabulation différent de l’ordre visuel.
- Imposer un raccourci clavier à une seule lettre sans désactivation.
Questions fréquentes
Ce critère peut-il être testé automatiquement ?
Peu. Les liens et landmarks peuvent être détectés, mais la cohérence du parcours se teste manuellement.
Quel est le premier réflexe pour corriger "Navigation sans piège au clavier" ?
Revenir au besoin utilisateur, puis utiliser le HTML natif le plus approprié avant d’ajouter ARIA, CSS ou JavaScript.
Quand considérer le critère comme non applicable ?
Uniquement lorsque la page ne contient aucun contenu, composant ou cas visé par le critère. Cette décision doit être justifiée dans la grille d’audit.
Tester ce critère avec AllyNizer
Lancez une analyse de page pour repérer les erreurs automatiques, puis complétez avec les vérifications manuelles proposées dans cette fiche.