Une bonne navigation permet au visiteur de repérer le bon point de départ, de choisir une page utile et de comprendre la suite. Partez des questions que les gens posent à votre entreprise, attribuez-leur des pages de destination claires et testez les parcours sur téléphone et au clavier. Un menu plus court n’est utile que si les destinations importantes restent faciles à trouver.
Cette checklist s’adresse aux entreprises qui préparent un nouveau site ou examinent leur site actuel. Utilisez-la pour prendre des décisions avec votre équipe de conception avant de valider un en-tête abouti visuellement. Le livrable utile est une carte simple et partagée des besoins, des pages et des liens.
Partir de ce que le visiteur cherche à faire
Notez trois à cinq situations avec les mots de vos clients : « Je veux savoir si vous intervenez dans ma ville », « Je souhaite comparer vos prestations » ou « Je suis déjà client et j’ai besoin d’aide ». Ce sont des exemples à adapter, pas une limite fixe. Consultez les demandes reçues et demandez aux personnes qui y répondent où les visiteurs rencontrent des difficultés.
Pour chaque situation, précisez le public, sa question, la page qui y répond et l’action suivante pertinente. Un prospect peut avoir besoin d’explications avant de faire une demande ; un client existant peut vouloir accéder directement à l’assistance. Faire passer les deux par le même formulaire commercial crée un détour évitable.
Distinguez le besoin du visiteur de votre organisation interne. Un nom de département n’a sa place dans le menu que si vos clients le comprennent. Si deux équipes proposent chacune « Solutions », demandez ce que le visiteur attendrait derrière chaque lien. Consignez les intitulés et les destinations retenus dans votre brief de projet web.
Choisir la bonne place pour chaque parcours
L’en-tête n’est qu’une partie de la navigation. Les liens dans le contenu peuvent relier une question à sa réponse au moment où elle se pose. Ce tableau aide à choisir l’emplacement de chaque accès.
| Besoin du visiteur | Point de départ pertinent |
|---|---|
| Une raison principale de consulter l’entreprise | Un lien explicite dans la navigation principale |
| Comparer plusieurs prestations proches | Une page de présentation ; ajouter un sous-menu s’il facilite le choix |
| Consulter un détail pendant la lecture | Un lien descriptif dans la page concernée |
| Lire des règles ou des informations générales sur l’entreprise | Un lien en pied de page, complété au besoin par des liens contextuels |
| Retrouver de nombreux éléments connus par leur nom | Envisager une recherche en complément d’une structure que l’on peut parcourir |
Il n’existe pas de nombre universel de rubriques. Évaluez les intitulés réels, l’espace disponible et les besoins concurrents. Le contact peut mériter une place visible même si une autre rubrique reçoit davantage de visites. Ne cachez pas une destination essentielle pour respecter une contrainte purement visuelle.
Faire correspondre l’intitulé à la destination
Remplacez les intitulés vagues comme « Découvrir » par des choix compréhensibles : « Prestations de maintenance », « Zones d’intervention » ou « Notre équipe ». Ces exemples conviennent à certaines entreprises, pas à tous les sites. Demandez à une personne extérieure au projet ce qu’elle s’attend à trouver après chaque choix, sans lui montrer la destination.
Les explications du WAI sur la fonction des liens montrent comment le texte ou son contexte doit rendre leur objectif compréhensible. Préférez des intitulés autonomes.
À l’arrivée, le titre de la page doit confirmer le choix. « Maintenance des bureaux » ne devrait pas mener sans explication à une page intitulée « Notre expertise ». Sur les pages profondes, envisagez un fil d’Ariane s’il éclaire la hiérarchie. Il décrit la structure du site, pas l’historique de navigation.
La navigation répétée doit conserver son ordre relatif entre les pages, comme l’explique le WAI sur la navigation cohérente. Convenez d’intitulés communs, traductions comprises, plutôt que de modifier les en-têtes séparément.
Vérifier le menu mobile et le parcours au clavier
Examinez le menu fonctionnel sur un écran étroit, avec les traductions les plus longues. Ouvrez-le depuis un article, une page de prestation et la page de demande. Peut-on distinguer les options et fermer le menu sans perdre ses repères ? Une capture de la version ordinateur ne permet pas de le vérifier.
Le guide WAI de présentation des menus traite du focus visible, du texte agrandi et des états reconnaissables autrement que par la couleur. Vérifiez leur mise en œuvre.
Mettez la souris de côté. Parcourez la navigation avec Tab et Maj+Tab, activez les liens avec Entrée et vérifiez les boutons du menu avec Entrée et Espace. Le focus ne doit pas disparaître derrière un panneau fermé. Si le menu s’ouvre dans une fenêtre modale superposée, faites démontrer la gestion du focus et sa fermeture.
Les sous-menus doivent fonctionner au clavier et au toucher, avec un autre accès par la page parente ; voir le tutoriel WAI sur les menus déroulants. Si l’entrée parente ouvre aussi une page, distinguez clairement son lien et la commande du sous-menu. Faites démontrer les deux actions.
Le tutoriel WAI sur la structure des menus explique les zones de navigation nommées et l’identification technique de la page courante. Les technologies d’assistance peuvent ainsi interpréter la structure visible.
Un exemple à adapter
Imaginons une entreprise de maintenance de bâtiments : cet exemple est fictif et ne décrit pas un résultat client. Son en-tête proposé affiche « Solutions », « Expertise », « Ressources » et « Échangeons ». Une nouvelle responsable de bureaux souhaite vérifier que l’entreprise assure la maintenance régulière dans sa ville avant de la contacter.
Le parcours serait : présentation des prestations → maintenance des bureaux → zones d’intervention → demande. Un en-tête revu pourrait proposer « Prestations », « Zones d’intervention », « À propos » et « Contact ». La page de maintenance renverrait directement aux zones couvertes, puis proposerait une demande. Les clients existants disposeraient d’un accès à l’assistance nommé séparément.
Testez cette carte avant de débattre des couleurs. Donnez à une personne la situation de la responsable sans nommer la rubrique attendue. Notez son premier choix, les intitulés qui l’interrogent et si la page répond au besoin. Si elle cherche les zones couvertes dans « À propos », explorez cette attente avant d’ajouter un niveau de menu.
Tenez un court journal de décisions plutôt qu’une remarque générale comme « améliorer la navigation ». Consacrez une ligne à chaque tâche : page de départ, destination attendue, choix réel, raison de l’hésitation, modification proposée et responsable. Un mauvais premier choix peut révéler des mots ambigus, un lien manquant ou une page qui ne répond pas à la question. Ne présumez pas que le menu est seul en cause. Répétez la tâche après modification et notez ce qui reste flou. Commencez aussi depuis un lien partagé vers une prestation : on doit pouvoir s’orienter sans être passé par l’accueil.
Rendre les pages importantes accessibles par des liens explicites
Faites vérifier les véritables liens <a href="…"> et leur texte descriptif. Les recommandations de Google sur les liens expliquent les liens explorables et les textes d’ancrage utiles.
Pour la découverte par les moteurs de recherche et l’IA, notre point de départ pratique reste une structure compréhensible : sujets explicites, liens évocateurs et contenu utile à destination. C’est une démarche éditoriale, pas une promesse d’indexation, de classement ou de citation dans une réponse d’IA. Un parcours lisible ne détermine pas les choix d’un autre service.
Les points à valider côté entreprise
- Chaque besoin prioritaire dispose d’une destination et d’une étape suivante convenues.
- Les intitulés décrivent les pages ouvertes, dans chaque langue publiée.
- Une personne peut essayer les parcours prioritaires sans être guidée ; ses hésitations sont consignées.
- Les parcours mobiles et au clavier ont été démontrés sur les pages fonctionnelles.
- Les sous-menus, le repérage de la page courante et la fermeture du menu ont été vérifiés.
- Les pages importantes possèdent des liens internes fonctionnels ; les URL modifiées ont un plan de redirection.
- Une personne tient la carte de navigation à jour lorsque les prestations ou les pages évoluent.
Il s’agit d’une validation ciblée, pas d’une certification d’accessibilité. Le tutoriel WAI sur les menus propose des indications techniques complémentaires. Si le projet modifie aussi l’arborescence, utilisez la checklist de refonte de site web pour préparer l’ensemble des travaux.
Apportez les besoins de vos visiteurs et votre liste de pages à la discussion sur votre site. Découvrez la création de sites web par Digital Studio ou commencez votre brief web avec les parcours les plus utiles à vos clients.
