Normes · WCAG 2.2

SC 2.4.8 Niveau AAA WCAG 2.0

Localisation

Les utilisateurs doivent pouvoir déterminer où ils se trouvent au sein d'un ensemble de pages — généralement via un fil d'Ariane, un indicateur de page active dans la navigation, ou un plan du site mettant en évidence la section en cours.

Ce que ce critère exige

Lorsqu’un site comporte plus de quelques pages, les utilisateurs — en particulier ceux souffrant de troubles cognitifs ou les utilisateurs de lecteurs d’écran qui survolent — ont besoin d’un signal « vous êtes ici ». Le titre de la page leur fournit un indice ; le critère en demande davantage : un fil d’Ariane montrant la hiérarchie, un marqueur de page active dans la navigation principale, ou un plan du site mettant en évidence la section active.

Ce critère est de niveau AAA, il est donc aspirationnel pour la plupart des équipes, mais il s’avère rentable sur les sites de documentation, les catalogues e-commerce et toute architecture d’information de plus de deux niveaux de profondeur.

Comment satisfaire ce critère

  • Ajouter un fil d’Ariane au-dessus du titre principal sur chaque page non récursive : Accueil › Toolkit › Standards › WCAG 2.2.
  • Marquer le lien de la page active dans la navigation avec aria-current="page" et le distinguer visuellement (graisse, couleur d’accentuation, soulignement).
  • Pour les longs formulaires ou les processus multi-étapes, afficher un indicateur d’étape : « Étape 2 sur 5 : Livraison ».
  • Structurer le fil d’Ariane comme un <nav aria-label="Fil d'Ariane"> contenant une liste ordonnée, le dernier élément n’étant pas un lien.
  • Pour les sites de documentation profonds, reproduire l’architecture dans un arbre en colonne latérale gauche qui se déploie pour afficher la branche de la page en cours.

Échecs courants

  • Des fils d’Ariane qui n’affichent que la section de premier niveau, pas le chemin complet.
  • Des liens de page active dans la navigation qui semblent identiques aux liens inactifs — aria-current est défini mais sans indicateur visuel.
  • Des indicateurs d’étape sur des formulaires multi-étapes qui affichent seulement « Étape 2 » sans total, laissant les utilisateurs incapables d’évaluer ce qui reste.
  • Des fils d’Ariane qui font pointer la page active vers elle-même (impact faible, mais légèrement confusant).
  • Un lien « Accueil » uniquement, sans aucun autre repère de localisation, dans une arborescence de documentation à 5 niveaux de profondeur.

Pourquoi ce critère est important

La charge cognitive est la taxe d’accessibilité silencieuse. Les utilisateurs souffrant de TDAH, de dyslexie, de différences de mémoire de travail, ou toute personne naviguant dans une seconde langue s’appuient sur des repères de localisation persistants pour maintenir le contexte. Sans eux, chaque clic sur un lien est un saut dans l’inconnu. Les fils d’Ariane et aria-current coûtent presque rien à ajouter et améliorent l’expérience pour tous — c’est pourquoi de nombreuses équipes adoptent le critère 2.4.8 même si elles ne s’engagent formellement qu’au niveau AA.