Aller au contenu
A11ySignal
graveWCAG 1.4.1 · A

Les liens doivent pouvoir être distingués du texte environnant d’une façon qui ne repose pas sur la couleur

link-in-text-block

Les liens doivent pouvoir être distingués autrement que par la couleur

Le critère derrière

1.4.1 Utilisation de la couleur

La couleur seule ne doit pas porter de sens.

Niveau A · EN 301 549 § 9.1.4.1

Pourquoi cette vérification existe

Environ un homme sur douze a une déficience de la vision des couleurs. Un statut qui n'oppose que le rouge au vert leur est invisible — comme à quiconque imprime en niveaux de gris.

Ce qui la déclenche habituellement

  • échoueDes champs obligatoires signalés uniquement par une étiquette rouge.
  • échoueUne légende de graphique distinguée seulement par la couleur des courbes.
  • échoueDes liens dans le texte sans soulignement, distingués par la seule couleur.

Comment corriger

  • à faireAjoutez un second signal : une icône, un mot, un motif, un soulignement.
  • à fairePour les liens dans le texte, gardez le soulignement — ou assurez un contraste de 3:1 avec le texte environnant *et* un indice non coloré au survol et au focus.

Comment c'est signalé

A11ySignal le signale avec un impact grave. Chaque élément en échec arrive avec son sélecteur CSS et le balisage fautif, pour aller droit à la ligne plutôt que de la chercher. Deque publie le détail au niveau du moteur :

https://dequeuniversity.com/rules/axe/4.13/link-in-text-block

Vérification implémentée par axe-core 4.13.0, © Deque Systems, MPL-2.0.