Le menu de navigation est-il toujours positionné au même endroit et dans le même ordre sur toutes les pages du site ?
Critère officiel 12.2 — Dans chaque ensemble de pages, le menu et les barres de navigation sont-ils toujours à la même place (hors cas particuliers) ?
Pourquoi c'est important
Un menu qui change d'ordre ou de position d'une page à l'autre désorganise les utilisateurs ayant des troubles cognitifs ou mémorisant la position des éléments par habitude. Chaque page devient un environnement inconnu à réapprivoiser.
Exemples concrets
Ce qui est conforme
Le menu principal est toujours en haut de page dans le même ordre : Accueil, La commune, Vie pratique, Démarches, Contact. Sur chaque page du site, l'utilisateur retrouve ses repères immédiatement — y compris sur les pages profondes de sous-rubrique.
Ce qui pose problème
Sur les pages de sous-rubrique « Démarches », un menu latéral réorganise les liens dans un ordre différent. Un usager qui avait mémorisé que « Urbanisme » est le quatrième lien du menu principal ne le retrouve plus à la même place sur ces pages.
Comment agir
Si votre site comporte des pages avec un menu latéral supplémentaire, vérifiez que ce menu complète la navigation globale sans la remplacer ni la réorganiser. En cas de doute, demandez à votre prestataire : « L'ordre du menu principal est-il identique sur toutes les pages du site ? »
Règles clés
- Navigation principale au même emplacement sur toutes les pages.
- Ordre des liens identique sur toutes les pages.
- Exception : pages de tunnel ou de connexion peuvent réduire la navigation.
Erreurs fréquentes
- Menu changeant d'ordre entre page d'accueil et pages intérieures
- Navigation présente sur certaines pages et absente sur d'autres sans raison fonctionnelle
- Sidebar changeant de côté selon les pages
Exemples de code
ordre de navigation incohérent
✗ Non conforme<!-- Page d'accueil -->
<nav>
<a href="/services">Services</a>
<a href="/projets">Projets</a>
<a href="/contact">Contact</a>
</nav>
<!-- Page intérieure -->
<nav>
<a href="/projets">Projets</a>
<a href="/contact">Contact</a>
<a href="/services">Services</a>
</nav>L'ordre change entre les pages. Un utilisateur cognitif doit chercher visuellement chaque lien à chaque changement de page.
navigation cohérente via template partagé
✓ Conforme<!-- Template partagé par toutes les pages -->
<nav aria-label="Navigation principale">
<ul>
<li><a href="/services">Services</a></li>
<li><a href="/projets">Projets</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</nav>Navigation identique sur toutes les pages via template. Ordre et position ne changent jamais.
Référence WCAG : 3.2.3