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 :

  • Idéalement, en ne se basant pas uniquement sur la couleur (en les soulignant, par exemple).
  • Sinon, en appliquant les règles suivantes :
    • Garantir un rapport de contraste entre la couleur des liens et la couleur du texte qui les entoure d’au moins 3:1.
    • Prévoir l’apparence des liens au survol et à la prise de focus clavier autrement que par un changement de couleur (ajout d’un soulignement, d’une mise en gras, etc.).
Paragraphe de texte contenant des liens, les liens sont affichés en gras soulignés et changent de couleur au passage de la souris
Exemple d’une différenciation visuelle via soulignement entre un lien et son 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.

Commentaires

Ajouter un commentaire

Tous les champs sont obligatoires.

Haut de page