Vous êtes dans : Accueil > Les notices AcceDe Web (version 4) > Notice d’accessibilité fonctionnelle et graphique > 3. Liens > 3.1. Différencier visuellement les liens présents dans du texte

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 dernier recours, en garantissant que le rapport de contraste entre la couleur des liens et la couleur du texte qui les entoure soit d’au moins 3.

En plus de cette règle, il est également nécessaire de prévoir l’apparence des liens au survol et à la prise de focus clavier dans les maquettes.

À noter que ce changement d’apparence au survol et à la prise de focus clavier ne doit pas être seulement un changement de couleur. Prévoir par exemple, en complément :

  • La suppression du soulignement.
  • Une mise en gras.
  • L’ajout d’une icône.
  • 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