La page « Plan du site » reflète-t-elle fidèlement l'architecture réelle du site et contient-elle uniquement des liens fonctionnels ?
Critère officiel 12.3 — La page « plan du site » est-elle pertinente ?
Pourquoi c'est important
Un plan du site incomplet ou avec des liens brisés n'est pas un vrai système de navigation de secours. Si c'est l'un des deux systèmes requis, il doit être réellement utilisable — et non une page oubliée qui liste des rubriques supprimées depuis deux ans.
Exemples concrets
Ce qui est conforme
La page « Plan du site » liste toutes les rubriques et sous-rubriques principales, avec des liens fonctionnels vers chacune. Elle a été mise à jour lors de la dernière refonte et correspond à l'arborescence réelle. Un usager peut atteindre n'importe quelle section en un clic.
Ce qui pose problème
La page « Plan du site » date de la refonte de 2019. Elle liste des rubriques supprimées (liens brisés en 404) et ne mentionne pas les nouvelles sections créées depuis (Téléservices, Agenda en ligne). Elle est présente mais inutilisable.
Comment agir
Vérifiez votre plan du site au moins une fois par an et après chaque refonte ou réorganisation majeure. Dans WordPress, certains plugins génèrent automatiquement un plan du site à partir de la structure de pages — demandez à votre prestataire si une mise à jour automatique est possible.
Règles clés
- Le plan doit refléter l'arborescence complète du site.
- Chaque lien doit pointer vers une page existante.
- Mettre à jour le plan à chaque modification de structure.
Erreurs fréquentes
- Plan non mis à jour après une refonte
- Plan listant uniquement les pages de premier niveau sans sous-sections
- Liens vers des pages supprimées (404)
Exemples de code
plan incomplet
✗ Non conforme<ul>
<li><a href="/">Accueil</a></li>
<li><a href="/services">Services</a></li>
<!-- Blog et À propos manquants -->
</ul>Plan incomplet. L'utilisateur cherchant le blog ne le trouvera pas via le plan.
plan complet et hiérarchique
✓ Conforme<ul>
<li><a href="/">Accueil</a></li>
<li>
<a href="/services">Services</a>
<ul>
<li><a href="/services/audit">Audit RGAA</a></li>
<li><a href="/services/formation">Formation</a></li>
</ul>
</li>
<li><a href="/blog">Blog</a></li>
<li><a href="/a-propos">À propos</a></li>
<li><a href="/contact">Contact</a></li>
</ul>Plan hiérarchique complet avec sous-sections. Chaque lien fonctionnel. Structure <ul> imbriqués pour la hiérarchie.
Référence WCAG : 2.4.5