Intitulé de lien

L'intitulé de lien est le texte que les technologies d'assistance annoncent pour décrire un lien. En HTML, il correspond au contenu textuel du lien, à l'attribut alt d'une image-lien, ou à la valeur d'aria-label. Un intitulé vague comme « cliquez ici » rend le lien inutilisable hors contexte visuel.

Les lecteurs d'écran proposent une fonction que les utilisateurs voyants ne soupçonnent pas : afficher tous les liens d'une page sous forme de liste. Quand vos liens s'appellent « cliquez ici », « en savoir plus », « lire la suite », cette liste ressemble à un menu de restaurant où chaque plat s'appelle « nourriture ». Les liens vides ou ambigus figurent parmi les six erreurs d'accessibilité les plus fréquentes selon le WebAIM Million 2025.

#Comment se construit l'intitulé d'un lien ?

En HTML, l'intitulé d'un lien correspond à son nom accessible. Trois cas de figure.

Pour un lien textuel, c'est le contenu entre les balises <a>. Pour un lien image, c'est l'attribut alt de l'image. Pour un lien icône sans texte visible, c'est la valeur d'aria-label ou du texte masqué visuellement.

<!-- Lien textuel : l'intitulé est le texte visible -->
<a href="/tarifs">Consulter nos tarifs</a>
 
<!-- Lien image : l'intitulé vient du alt -->
<a href="/"><img src="logo.svg" alt="Accueil"></a>
 
<!-- Lien icône : l'intitulé vient de aria-label -->
<a href="/profil" aria-label="Mon profil">
  <svg aria-hidden="true">…</svg>
</a>

Le critère 6.1 du RGAA et le critère 2.4.4 des WCAG (niveau A) exigent la même chose : l'utilisateur doit pouvoir déterminer la destination du lien à partir de son intitulé seul, ou de son intitulé combiné à son contexte programmatique.

#Le piège vient du contenu, pas du code

Un rédacteur écrit « Pour télécharger le rapport, cliquez ici ». Visuellement, tout fonctionne. Un utilisateur de lecteur d'écran qui parcourt la liste des liens entend : « cliquez ici ». Puis « cliquez ici ». Puis encore « cliquez ici ».

Même problème avec les cartes d'articles. Cinq « Lire la suite » identiques, cinq destinations indiscernables.

La correction : placer le lien sur les mots qui décrivent la destination. « Pour télécharger le rapport, cliquez ici » devient « Télécharger le rapport annuel 2025 (PDF, 2,4 Mo) ». La technique H30 du W3C détaille cette approche.

Les utilisateurs qui naviguent à la voix rencontrent le même obstacle. Ils prononcent l'intitulé du lien pour l'activer. Quand la page contient dix « cliquez ici », lequel choisir ?

Autre réflexe courant : ajouter un attribut title pour compenser un mauvais intitulé. Les lecteurs d'écran ignorent le title en configuration par défaut. Les utilisateurs au clavier ne le voient pas. Ceux sur mobile non plus. Ce n'est pas une solution.

#En résumé

Un bon intitulé de lien décrit sa destination en quelques mots. Il fonctionne seul, hors de la phrase qui l'entoure. Affichez la liste de vos liens hors contexte visuel : si plusieurs disent la même chose, vos utilisateurs naviguent à l'aveugle.