Un lecteur d’écran propose souvent à ses utilisateurs de parcourir tous les liens d’une page sous forme de liste isolée, détachée du paragraphe qui les entoure. Dans ce contexte, un texte de lien comme « cliquez ici » ou « en savoir plus » ne dit absolument rien : vers quoi mène-t-il, cliquer où, en savoir plus sur quoi ? Un texte de lien accessible doit avoir un sens même sorti de sa phrase d’origine.
Bonnes pratiques
- Préférer « Télécharger le guide d’installation » à « Cliquez ici ».
- Éviter de répéter le même intitulé de lien pour des destinations différentes sur la même page.
- Ne pas se reposer uniquement sur la couleur pour signaler qu’un texte est cliquable.
Dans WordPress
L’éditeur de blocs Gutenberg encourage cette pratique via son bloc Bouton et son insertion de lien inline, qui affichent le texte visible du lien directement dans l’éditeur, rendant plus visible un intitulé trop vague au moment de la rédaction. Certains thèmes ajoutent un texte masqué visuellement mais lu par les lecteurs d’écran (classe screen-reader-text) pour préciser un lien « Lire la suite » répété sur une page d’archive.
Exemple
<a href="/guide-installation.pdf">
Télécharger le guide d'installation (PDF, 2 Mo)
</a>
Bon à savoir
L’attribut title d’un lien n’est pas systématiquement restitué par les lecteurs d’écran et ne doit jamais servir de substitut à un texte de lien clair : le contenu visible et cliquable du lien doit rester, lui, toujours explicite par lui-même. Un intitulé de lien clair profite d’ailleurs autant au référencement qu’à l’accessibilité, puisque les moteurs de recherche s’appuient eux aussi sur ce texte pour évaluer la pertinence de la page vers laquelle il pointe.