3.1. Différencier visuellement les liens présents dans du texte

Lorsque des liens sont présents dans du texte, ils doivent être différenciés visuellement de ce dernier, en ne se basant pas uniquement sur un changement de couleur.

Une bonne solution consiste simplement à souligner les liens dans les textes.

Dans cet exemple invalide, le lien est mis en valeur uniquement par un changement de couleur par rapport au texte environnant.
Dans cet exemple valide, le lien est souligné par rapport au texte environnant.

Remarque

Les liens intégrés dans des groupes de liens (dans les menus, par exemple) ne sont pas concernés car suffisamment reconnaissables comme tels.

Attention

Il est fortement déconseillé d’appliquer un effet de soulignement à d’autres éléments que les liens.

4 commentaires

  • Par Mickael, le 12 août 2025 à 11h49.

    Merci Dominique.
    Autre petite précision, un état « hover » n’est pas forcément requis sur un lien. Le soulignement suffit t’il ?

    Répondre

    • Par Romain Desjardins (Atalan), le 13 août 2025 à 9h08.

      Oui, le soulignement suffit.

      Bien à vous,
      Romain

      Répondre

  • Par Mickael, le 14 mars 2025 à 10h27.

    Bonjour,

    J’ai un petit doute sur une chose.

    Lorsqu’un lien est placé au milieu d’un pavé de texte : si notre lien est de même couleur que le texte qui l’entoure mais que celui-ci est juste souligné…. Est ce valide pour le RGAA4 ?

    Merci de votre éclairage

    Répondre

    • Par Dominique Nicolle (Atalan), le 17 mars 2025 à 9h47.

      Bonjour Mickael,

      Pas de problème pour avoir un lien souligné de la même couleur que le texte. Ce qu’il faut, c’est ne pas se baser uniquement que sur un changement de couleur pour identifier un lien dans un pavé de texte. Le souligner est la solution recommandée pour répondre au critère 10.6 du RGAA.

      Pour information, nous proposons des formations, notamment la formation « Accessibilité fonctionnelle et graphique » dans laquelle ce point est abordé, si cela vous intéresse d’approfondir vos connaissances : https://www.accede-web.com/formations-accessibilite/

      Bonne journée,
      Dominique

      Répondre

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Mises à jour

15/09/2025
Mise à jour de la fiche pour mieux mettre en valeur la solution recommandée à mettre en place

Haut de page