Un menu qui affiche « Accueil », « À propos » et « Blog » sans indiquer où trouver les lectures, les ateliers ou les modalités de participation laisse le visiteur deviner. Sur un site culturel, quelques secondes de recherche peuvent suffire à briser l’élan : on voulait écouter une voix, consulter un texte, proposer un poème ou retrouver une rencontre, puis l’on repart faute de chemin clair.
La navigation ne se limite pas à la barre en haut de page. Elle comprend les intitulés, les liens internes, le fil d’Ariane, le moteur de recherche, le pied de page, les boutons et l’organisation générale du site. Sa fonction est simple : permettre de savoir où l’on se trouve, ce qui est disponible et comment accéder à l’information recherchée sans hésitation inutile.
Des intitulés trop vagues ou trop poétiques
Une identité éditoriale peut aimer les titres évocateurs, mais les mots du menu doivent d’abord être immédiatement compréhensibles. « Traversées », « Éclats » ou « Lisières » peuvent faire de beaux noms de rubriques ; employés seuls, ils indiquent rarement s’il s’agit d’archives, de chroniques, d’événements ou d’appels à textes. La difficulté est plus grande pour les personnes qui découvrent le site, arrivent depuis un moteur de recherche ou utilisent un lecteur d’écran.
Il ne s’agit pas de renoncer à toute singularité, mais d’associer une couleur éditoriale à une fonction explicite. Une rubrique peut par exemple s’intituler « Traversées — traductions et lectures multilingues ». Dans un menu resserré, un terme direct reste souvent plus efficace : « Traductions », « Rencontres », « Ateliers », « Publier », « Archives ».
Tester chaque libellé par une action précise
Pour chaque entrée du menu, on doit pouvoir compléter mentalement la phrase : « Je clique ici pour… ». Si la réponse change beaucoup selon les personnes, le libellé mérite d’être précisé. Les verbes servent bien les parcours pratiques : « Participer », « Proposer un texte », « S’inscrire à la newsletter ». Les noms conviennent davantage aux contenus : « Poèmes », « Entretiens », « Agenda ».
- Éviter les termes connus seulement de l’équipe ou liés à un projet ponctuel.
- Employer le même mot partout : ne pas afficher « agenda » dans le menu et « programme » sur la page correspondante sans raison.
- Réduire les catégories qui se chevauchent, telles que « Actualités », « Vie du site » et « Nouvelles ».
- Ajouter une courte description sous les rubriques ambiguës, surtout dans un méga-menu.
Un menu principal trop chargé
Lorsqu’un menu compte une douzaine d’entrées, les accès essentiels se perdent. Sur mobile, la liste s’allonge ; sur ordinateur, elle finit souvent dans des sous-menus pénibles à parcourir. Ajouter des liens répond parfois à une crainte légitime — celle d’oublier une page — mais le menu principal n’a pas à contenir l’ensemble du site.
Il peut se limiter aux grandes portes d’entrée, généralement cinq à sept selon l’ampleur du projet. Les pages secondaires gagnent à être regroupées avec cohérence. « Rencontres » peut réunir les lectures publiques, les ateliers et les archives de rendez-vous ; « Ressources » peut rassembler les dossiers, les textes à télécharger et les informations destinées aux contributeurs.
Faire la différence entre navigation et inventaire
Une architecture utile propose des choix successifs plutôt qu’une liste exhaustive dès la première page. Il faut pourtant éviter d’empiler les niveaux : personne ne devrait traverser quatre sous-menus pour trouver un appel à participation. Deux niveaux suffisent souvent. Les contenus très précis peuvent être retrouvés par la recherche interne ou grâce à un lien contextuel placé dans une page de rubrique.
Le pied de page convient aux accès moins fréquents : mentions légales, politique de confidentialité, presse, partenaires, archives par année ou coordonnées. Le menu principal reste ainsi lisible sans rendre ces informations invisibles.
Des sous-menus difficiles à utiliser
Un sous-menu visible uniquement au survol de la souris pose problème sur écran tactile comme pour les personnes qui utilisent le clavier. Il peut disparaître avant le clic, s’ouvrir hors écran ou recouvrir le contenu. Les menus déroulants ne sont pas à écarter par principe : ils doivent être stables, prévisibles et accessibles.
Une rubrique qui ouvre un sous-menu devrait à la fois mener vers une page d’ensemble et permettre d’afficher les choix secondaires. Un bouton distinct et identifiable évite l’ambiguïté. Au clavier, le sous-menu doit pouvoir s’ouvrir avec Entrée ou Espace, se parcourir avec la touche Tabulation et se fermer avec Échap.
| Symptôme | Cause fréquente | Correction |
|---|---|---|
| Le menu disparaît avant le clic | Zone de survol trop étroite | Créer une zone continue entre le libellé et le panneau |
| Les liens sont coupés sur mobile | Menu pensé uniquement pour grand écran | Prévoir un panneau mobile déroulant et testable au doigt |
| On ne sait pas quelle rubrique est ouverte | Aucun repère visuel d’état | Mettre en évidence la section active |
| Le clavier reste bloqué | Ordre de focus mal géré | Tester tous les liens sans souris et corriger le comportement |
L’absence de repères dans les pages profondes
Un lecteur qui arrive directement sur une chronique ou une archive doit pouvoir situer ce contenu dans le site. Sans titre de rubrique visible, sans fil d’Ariane ni lien de retour pertinent, la page devient une impasse. Le bouton « retour » du navigateur ne remplace pas une navigation pensée pour le site : il dépend du parcours précédent et peut renvoyer vers un moteur de recherche ou une page extérieure.
Le fil d’Ariane est particulièrement utile lorsque les contenus sont classés par thèmes ou par années : « Accueil › Rencontres › Lectures multilingues › Titre de la page ». Il doit refléter une hiérarchie réelle, plutôt qu’une succession artificielle de mots-clés. Il aide à se repérer et permet de rejoindre rapidement les niveaux supérieurs.
Les pages longues peuvent aussi bénéficier d’une table des matières ancrée, placée après l’introduction. Elle est pertinente pour un dossier, une documentation ou un compte rendu composé de plusieurs parties. Pour un poème bref ou un article court, elle ajoute au contraire une étape superflue.
Des liens internes absents, imprécis ou dispersés
La navigation se construit aussi au cœur des textes. Un article sur la traduction collective peut orienter naturellement vers Nocturnes 4 à Montpellier, autour de la traduction collective et de la mémoire éphémère. Ce type de lien prolonge la lecture parce qu’il annonce clairement ce qui attend le lecteur après le clic.
Les ancres vagues — « en savoir plus », « ici », « voir la suite » — ne donnent aucun contexte lorsqu’elles sont lues isolément par un lecteur d’écran. Elles compliquent aussi la décision : le visiteur ignore si le lien mène vers une page pratique, une archive ou un contenu extérieur. Un libellé descriptif est plus utile : « consulter les modalités de participation », « découvrir les archives des lectures », « lire le portrait de la poète ».
À l’inverse, trop de liens dans un même paragraphe cassent le rythme de lecture. Mieux vaut les réserver aux prolongements nécessaires : définition d’un terme, page indispensable pour agir, article directement lié ou rubrique permettant d’aller plus loin. Ils doivent aussi être distingués autrement que par la couleur seule, afin de rester perceptibles par tous les publics.
Une navigation mobile traitée comme une version réduite
Sur téléphone, les menus repliés derrière une icône sont courants, mais l’icône seule n’est pas toujours comprise. Lui associer le mot « Menu » et un état visible — ouvert ou fermé — limite l’ambiguïté. Une fois ouvert, le panneau doit offrir assez d’espace, sans texte minuscule ni liens trop rapprochés. Une cible tactile d’environ 44 pixels de haut ou de large reste une référence pratique pour réduire les erreurs de pression.
Le menu ouvert ne doit pas défiler derrière la page. Le bouton de fermeture doit rester accessible et le focus clavier doit entrer dans le panneau. À la fermeture, il revient sur le bouton qui a ouvert le menu. Ces détails peuvent sembler techniques ; ils déterminent pourtant la possibilité réelle de parcourir un site sans frustration.
Recherche interne et pages sans issue
Un moteur de recherche devient précieux quand un site accumule des archives, des noms d’auteurs, des traductions ou des annonces anciennes. Une recherche qui ignore les accents, ne tolère pas les fautes de frappe ou affiche une page vide sans autre piste crée cependant une nouvelle impasse. Les résultats devraient indiquer le titre, un extrait, la date lorsqu’elle est utile et le type de contenu.
Les pages « aucun résultat » demandent elles aussi de l’attention. Elles peuvent proposer une orthographe proche, un accès aux rubriques principales ou quelques contenus récents, sans faire de l’échec un espace de promotion interne. Une page 404 doit de même conserver le menu et proposer des chemins concrets : revenir à l’accueil, consulter les archives, rechercher un auteur ou retrouver l’agenda.
Comment diagnostiquer les difficultés réelles
Les habitudes de l’équipe masquent souvent les obstacles : elle connaît déjà les raccourcis, les noms de rubriques et l’histoire du site. Un audit simple consiste à demander à quelques personnes extérieures d’accomplir des tâches précises : trouver la prochaine rencontre, repérer un texte traduit ou comprendre comment proposer une contribution. Pendant l’exercice, il faut observer les hésitations sans expliquer le menu.
- Choisir cinq tâches représentatives, dont une sur mobile.
- Noter le nombre de clics, les retours en arrière et les libellés qui suscitent un doute.
- Comparer ces observations avec les données de recherche interne et les pages fréquemment quittées.
- Corriger d’abord les obstacles qui empêchent une action essentielle.
- Tester à nouveau après modification, notamment au clavier et sur un écran étroit.
Pour un premier contrôle, ouvrez une ancienne page depuis une recherche. Identifiez sa rubrique, remontez au niveau supérieur, cherchez un contenu voisin, puis ouvrez le menu au clavier. Si l’une de ces actions impose de deviner, le correctif peut rester modeste : renommer un lien, ajouter un fil d’Ariane ou rendre l’accès à la rubrique mère plus visible.