Critère 12.2

Cohérence de la navigation

Les menus et barres de navigation doivent être toujours à la même place et dans le même ordre relatif.

En Bref : L'essentiel à retenir

L'objectif principal est d'offrir une expérience utilisateur prévisible, évitant à l'utilisateur de réapprendre la navigation à chaque page.
La solution technique préconisée repose sur une structure HTML constante, notamment grâce à l'utilisation de templates ou de composants globaux pour l'en-tête et le menu de navigation.
Il est essentiel que l'ordre des éléments visuels et dans le DOM (Document Object Model) soit le même sur toutes les pages pour faciliter la navigation.
La mise en œuvre de ces principes contribue à l'accessibilité numérique et est en accord avec le critère 12.2 du RGAA.

Objectif

Garantir une expérience prévisible pour l'utilisateur. Il ne doit pas avoir à réapprendre la navigation à chaque page.

Solution Technique

1. Structure HTML constante

Utilisez un template ou un composant global pour l'en-tête et le menu de navigation.

<header>
  <nav id="main-nav">
    <ul>
      <li><a href="/">Accueil</a></li>
      <li><a href="/services">Services</a></li>
      <li><a href="/contact">Contact</a></li>
    </ul>
  </nav>
</header>

2. Ordre visuel et DOM

L'ordre des liens dans le code HTML doit correspondre à l'ordre visuel, et cet ordre doit être identique sur toutes les pages.

Ressources

Critère 12.2 du RGAA