La navigation visuelle signale souvent la page actuelle par une couleur ou un soulignement. aria-current="page" transmet la même information aux technologies d’assistance sans modifier la destination du lien.

<nav aria-label="Tutorials">
  <a href="/tutorials/">All tutorials</a>
  <a href="/tutorials/forms/" aria-current="page">Forms</a>
</nav>

Utilisez la valeur qui décrit la relation

  • Utiliser page pour la page actuelle dans un ensemble de pages.
  • Utilisez l'emplacement pour l'étape actuelle d'un processus ou l'emplacement dans une structure plus large lorsque cette signification correspond.
  • Définissez aria-current uniquement sur le ou les éléments qui sont réellement actuels dans cet ensemble de navigation.

Gardez l'état visuel et sémantique ensemble

Dérivez le style actif et la valeur aria-current à partir du même état de route. Une inadéquation raconte des histoires différentes aux utilisateurs voyants et aux lecteurs d’écran.

Vérifiez les itinéraires imbriqués ainsi que les pages d'index afin qu'un élément de navigation parent ne soit pas marqué comme étant actuel pour chaque destination non liée.