Contraste des liens

Silktide repère les liens à l’intérieur de votre texte qui ne se distinguent des mots autour d’eux que par la couleur, avec une différence de couleur trop faible pour être perçue par les personnes ayant une déficience de la vision des couleurs. Les liens doivent être reconnaissables comme des liens, sinon les lecteurs ne peuvent pas les utiliser.

Pourquoi c’est important

Environ 1 homme sur 12 et 1 femme sur 200 ont une déficience de la vision des couleurs. Si le seul élément qui indique un lien est un changement subtil de couleur, ces lecteurs voient du texte simple et ne sauront jamais qu’un lien est présent. Cela signifie une navigation manquée, des appels à l’action manqués et un échec au niveau A des — c’est parmi les exigences d’accessibilité les plus élémentaires.

Comment corriger

Il y a deux façons de rendre un lien intégré au texte conforme :

Le distinguer par autre chose que la couleur — la solution la plus simple est un soulignement, ce à quoi la plupart des lecteurs s’attendent pour les liens. Une bordure, un arrière‑plan ou une graisse de police sensiblement plus élevée fonctionne aussi.

/* Liens reposant uniquement sur la couleur */
a { color: #4a6da7; text-decoration: none; }

/* Correction : le soulignement rend le lien visible pour tout le monde */
a { color: #4a6da7; text-decoration: underline; }

Utiliser une couleur nettement différente et un état de focus et de survol visibles — la couleur du lien doit avoir un d’au moins 3:1 avec le texte environnant, et le lien doit changer visiblement (par exemple, gagner un soulignement) au survol de la souris et lors du .

Comment Silktide teste ceci

Repérer les liens visibles qui se trouvent à l’intérieur d’un passage de texte, avec des mots directement avant ou après. Les liens isolés, comme les éléments de menu et les boutons, ne sont pas testés par cette vérification.
Ignorer les liens lorsque l’une de ces couleurs — celle du lien, du texte environnant ou de l’arrière‑plan — ne peut pas être déterminée de façon fiable.
Considérer conformes les liens qui sont visuellement distincts sans la couleur : soulignés, ayant une bordure, avec arrière‑plan, ou dont la graisse de police est d’au moins 200 unités plus élevée que celle du texte environnant.
Sinon, mesurer le rapport de contraste entre la couleur du lien et celle du texte environnant, et vérifier comment le lien change au focus et au survol. Signaler le lien, à moins que le rapport soit d’au moins 3:1 et que l’état de focus ou de survol soit visiblement différent.

Dépannage

Mes liens changent au survol; pourquoi sont‑ils quand même signalés?

Un changement au survol uniquement n’est pas suffisant — le lien doit aussi présenter un contraste de couleur d’au moins 3:1 avec le texte environnant. Et même réunis, cette approche n’aide que les personnes qui perçoivent assez bien la différence de couleur pour essayer de survoler le lien d’emblée. Le soulignement demeure la correction la plus fiable.

Les liens dans les menus et les boutons ne sont pas signalés

C’est normal — cette vérification s’applique seulement aux liens entourés d’autre texte, où un lecteur doit distinguer le lien des mots qui l’entourent. Les liens qui se trouvent seuls sont identifiables visuellement par leur position et leur style.