Liens et boutons : les intitulés qui bloquent la navigation

Les intitulés de liens sont le défaut le plus répandu du web français, et le plus facile à corriger. Aucun développeur n'est requis : il suffit de réécrire quelques mots.

Un lien mal nommé bloque la navigation, dilue votre référencement et fait perdre des clics. Voici comment les repérer et les réécrire.

Vérifier mes liens gratuitement

Pourquoi les intitulés de liens comptent autant

Un utilisateur au lecteur d'écran demande souvent la liste des liens d'une page. Il obtient alors une suite d'intitulés, sortis de leur contexte.

Si cette liste affiche huit fois « en savoir plus », elle ne sert à rien. L'utilisateur doit revenir dans le texte, lire autour de chaque lien, puis recommencer.

Le moteur de recherche procède d'ailleurs de façon comparable. Il utilise le texte du lien pour comprendre ce que contient la page visée.

Les cinq intitulés de liens à bannir

• « Cliquez ici » — ne dit rien, et suppose une souris.
• « En savoir plus » — répété partout, donc inutilisable en liste.
• « Lire la suite » — même défaut, avec en prime une promesse vague.
• Une URL brute — lue caractère par caractère par la synthèse vocale.
• Une icône seule — sans texte, donc annoncée comme « lien ».

Le dernier cas mérite attention. Une icône de panier, de recherche ou de réseau social doit porter un intitulé écrit, même invisible à l'écran.

Le test de la liste isolée

Recopiez tous les intitulés de liens d'une page, sans le texte autour. Si vous ne devinez pas où mène chacun, vos visiteurs non plus.

Comment réécrire des intitulés de liens

La règle tient en une question : où ce lien mène-t-il, exactement ?

Remplacez « En savoir plus » par « Découvrir notre audit de conformité ». Remplacez « Cliquez ici » par « Consulter la notice du modèle X ». Le lien devient alors compréhensible seul.

Deux précautions accompagnent cette réécriture. Évitez les intitulés à rallonge, difficiles à écouter. Et surtout, n'utilisez jamais le même intitulé pour deux destinations différentes.

Les boutons obéissent aux mêmes règles

Un bouton annonce une action, un lien annonce une destination. Cette distinction paraît théorique, mais elle change la façon dont un lecteur d'écran l'annonce.

Un bouton « Envoyer » sans plus de précision reste acceptable dans un formulaire court. En revanche, trois boutons « Modifier » sur la même page posent problème : personne ne sait ce que chacun modifie.

Ajoutez donc l'objet dans l'intitulé, ou dans son équivalent textuel. Notre article sur les formulaires accessibles détaille ce point.

Le cas des liens répétés dans une liste

Sur une liste d'articles ou de produits, chaque carte porte souvent le même intitulé. Deux solutions existent, et toutes deux fonctionnent.

La première consiste à rendre le titre de la carte cliquable, plutôt que le lien générique en bas. La seconde ajoute au lien un complément invisible reprenant le titre. Préférez la première : elle profite aussi aux visiteurs voyants.

Les liens qui ouvrent un nouvel onglet

L'ouverture dans un nouvel onglet surprend l'utilisateur, surtout au lecteur d'écran. Elle n'est pas interdite, mais elle doit être annoncée.

La solution la plus simple consiste à l'écrire dans l'intitulé, entre parenthèses. Cette mention profite d'ailleurs à tout le monde.

Ce que vous gagnez en une heure de travail

La reprise des intitulés de liens d'un site vitrine prend rarement plus d'une heure. Le gain, lui, se mesure sur trois plans.

• Un critère d'accessibilité majeur passe au vert.
• Le moteur de recherche comprend mieux votre arborescence interne.
• Le taux de clic augmente, parce que la promesse devient claire.

Peu de corrections offrent ce rapport entre effort et résultat. Pour situer ce critère, consultez notre guide des critères RGAA. Voyez aussi les erreurs les plus fréquentes.

Lancer le dépistage gratuit

Dépistage automatique : il couvre environ 30 % des critères du référentiel. Il ne remplace pas un audit manuel et ne vaut pas attestation de conformité.

Vous voulez la liste de vos liens ambigus ? Écrivez-nous, nous vous l'envoyons page par page.

Références : conseils de rédaction du W3C et portail de l'accessibilité numérique de l'État.