Votre site propose-t-il au moins deux moyens différents de trouver une page — un menu ET un moteur de recherche, ou un menu ET un plan du site ?
Critère officiel 12.1 — Chaque ensemble de pages dispose-t-il de deux systèmes de navigation différents, au moins (hors cas particuliers) ?
Pourquoi c'est important
Certains utilisateurs ne parviennent pas à naviguer dans un menu arborescent. D'autres ne savent pas sous quelle rubrique chercher une information. Un deuxième système d'accès leur offre une route alternative — particulièrement utile pour les personnes âgées ou peu familières de l'architecture du site.
Exemples concrets
Ce qui est conforme
Le site propose un menu de navigation ET un moteur de recherche dans l'en-tête. Un usager qui ne sait pas si les horaires de la médiathèque sont dans « Culture » ou « Services » peut simplement taper « médiathèque » dans le moteur et y accéder directement.
Ce qui pose problème
Le site propose uniquement un menu de navigation à plusieurs niveaux. Un senior qui ne connaît pas l'arborescence n'a aucune alternative — il doit ouvrir chaque rubrique jusqu'à trouver les démarches d'état civil, sans aide ni raccourci.
Comment agir
Vérifiez que votre site dispose d'au moins deux systèmes : menu + moteur de recherche, menu + plan du site, ou moteur + plan du site. Si votre moteur de recherche est absent ou désactivé, demandez à votre prestataire de l'activer — cette fonctionnalité est généralement déjà disponible dans WordPress.
Règles clés
- Deux systèmes parmi : menu de navigation + plan du site, menu + moteur de recherche, menu + fil d'Ariane, plan du site + moteur de recherche.
- Les systèmes doivent être fonctionnels et cohérents avec le contenu du site.
- Le fil d'Ariane seul ne suffit pas — c'est un système de localisation, pas de navigation.
- Exception : les sites d'une seule page ou les processus en étapes (tunnel de commande) sont exemptés si la navigation supplémentaire n'a pas de sens dans le contexte.
- Vérifier que le moteur de recherche est accessible (label, résultats annoncés via live region).
Erreurs fréquentes
- Site avec uniquement un menu de navigation, sans moteur de recherche ni plan du site
- Moteur de recherche présent mais non fonctionnel ou retournant des résultats vides
- Plan du site présent mais incomplet ou non mis à jour
- Fil d'Ariane présent mais ne permettant pas de remonter l'arborescence
- Site one-page sans navigation interne — un seul système (scroll) sans alternative
Exemples de code
site avec un seul système de navigation
✗ Non conforme<!-- Site avec uniquement un menu de navigation,
sans plan du site ni moteur de recherche -->
<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>
<!-- Pas de form de recherche, pas de lien plan du site -->Un seul système de navigation. Un utilisateur qui ne comprend pas l'arborescence ou qui cherche un contenu précis n'a aucune alternative.
site avec deux systèmes complémentaires
✓ Conforme<!-- Système 1 : menu de navigation -->
<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>
<!-- Système 2 : moteur de recherche -->
<form role="search" aria-label="Recherche sur le site">
<label for="q">Rechercher</label>
<input type="search" id="q" name="q"
autocomplete="off">
<button type="submit">Rechercher</button>
</form>
<!-- Alternative : lien vers le plan du site
en pied de page -->
<footer>
<a href="/plan-du-site">Plan du site</a>
</footer>Menu + moteur de recherche = deux systèmes distincts. Le lien vers le plan du site en pied de page constitue même un troisième système. L'utilisateur choisit sa stratégie.
Référence WCAG : 2.4.5