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.
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.