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 que les personnes ayant une déficience de la vision des couleurs les repèrent. 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 présentent une déficience de la vision des couleurs. Si le seul marqueur d’un lien est un léger changement de couleur, ces lecteurs voient du texte simple et ne savent jamais qu’un lien existe. Cela signifie une navigation manquée, des appels à l’action manqués et un échec au niveau A des — c’est l’une des exigences d’accessibilité les plus élémentaires.
Comment corriger
Il existe deux façons de rendre un lien en ligne conforme :
- Le distinguer par autre chose que la couleur — la correction 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 forte fonctionnent 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 plus un focus et un 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, se voir souligné) au survol de la souris et au .
Comment Silktide teste ceci
- Trouver les liens visibles situés à l’intérieur d’un passage de texte, avec des mots directement avant ou après. Les liens autonomes, tels que les éléments de menu et les boutons, ne sont pas testés par ce contrôle.
- Ignorer les liens pour lesquels la couleur du lien, la couleur du texte environnant ou la couleur d’arrière-plan ne peuvent pas être déterminées de manière fiable.
- Considérer comme conformes les liens qui sont visuellement distincts sans la couleur : soulignés, avec une bordure, dotés d’un arrière-plan, ou ayant au moins 200 unités de graisse (font-weight) de plus que le texte environnant.
- Sinon, mesurer le ratio 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 sauf si le ratio est d’au moins 3:1 et que l’état de focus ou de survol est visiblement différent.
Dépannage
Mes liens changent au survol, pourquoi sont-ils signalés ?
Un changement au survol seul ne suffit pas — le lien doit aussi avoir 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 suffisamment la différence de couleur pour tenter de survoler le lien au départ. Le soulignement reste la correction la plus fiable.
Les liens dans les menus et les boutons ne sont pas signalés
C’est normal — ce contrôle ne s’applique qu’aux liens entourés d’autre texte, où le lecteur doit distinguer le lien des mots qui l’entourent. Les liens isolés sont identifiables visuellement par leur position et leur style.