Accessibilité

Pourquoi les liens 'cliquez ici' et 'en savoir plus' posent un problème d'accessibilité

Les utilisateurs de lecteurs d'écran parcourent souvent les liens complètement hors de leur ordre d'origine — un texte de lien vague casse cela entièrement.

Ce que c'est

Le texte de lien est le mot ou la phrase cliquable réelle d'un lien — dans "Cliquez ici pour voir nos tarifs", les mots "cliquez ici" constituent le texte du lien, même si "tarifs" est en réalité le mot qui porte le sens dans cette phrase. Cette vérification recherche les liens au texte vague et générique comme "cliquez ici", "en savoir plus" ou "lien", par opposition à un texte descriptif qui indique réellement où mène le lien.

Beaucoup de lecteurs d'écran incluent une fonctionnalité permettant à un utilisateur d'afficher la liste de tous les liens d'une page, complètement hors du contexte de la phrase environnante, spécifiquement pour naviguer rapidement dans une page — c'est exactement la situation où un texte de lien générique cesse de fonctionner.

Pourquoi c'est important

Quand un utilisateur de lecteur d'écran ouvre cette liste de liens hors contexte, une page pleine de liens disant tous "cliquez ici" ou "en savoir plus" ne lui donne aucun moyen de distinguer une destination d'une autre — il se retrouve avec une liste d'entrées identiques et dénuées de sens, au lieu d'un moyen réellement utile de naviguer dans le contenu de la page. Même sans utiliser cette fonctionnalité précise, entendre un lien annoncé simplement comme "cliquez ici" au milieu d'une phrase ne donne aucune indication préalable de sa destination avant de décider de le suivre.

C'est une correction purement rédactionnelle, sans code — contrairement à beaucoup de problèmes d'accessibilité, elle ne nécessite aucun changement technique, juste choisir des mots différents pour le même lien.

Comment le corriger

  1. Cherche dans le contenu de ta page des expressions de lien génériques comme "cliquez ici", "en savoir plus", "découvrir" ou "lien" utilisées comme tout le texte cliquable.
  2. Réécris chacune d'elles pour que le texte du lien lui-même décrive la destination — "Voir nos formules tarifaires" plutôt que "cliquez ici pour les tarifs", par exemple.
  3. Pour un lien "en savoir plus" qui suit le résumé d'un article, envisage de faire du titre de l'article lui-même le texte de lien cliquable, plutôt qu'une phrase générique distincte.
  4. Pour les liens à icône seule (comme les icônes de réseaux sociaux), associe-les à un aria-label décrivant la destination, de façon similaire à la correction pour les boutons à icône seule.
  5. Teste avec la fonctionnalité de liste de liens d'un lecteur d'écran gratuit (disponible dans NVDA et VoiceOver) pour confirmer que chaque lien se lit désormais comme distinct et porteur de sens à lui seul.

Vérifiez si votre propre site a ce problème

Launch Readiness analyse votre site pour détecter ce problème et ~50 autres avant le lancement, en quelques secondes — gratuit, sans inscription.

Lancer une analyse gratuite