Critères de succès

WCAG 1.4.1 Utilisation de la couleur

Le critère de succès 1.4.1 exige que la couleur ne soit pas utilisée comme seul moyen visuel de transmettre une information, d'indiquer une action, d'inviter à une réponse ou de distinguer un élément visuel. C'est un critère de niveau A sous la règle 1.4 (Distinguable).

Pourquoi un signal fondé sur la seule couleur échoue

Environ un homme sur douze et une femme sur deux cents présentent une forme de déficience de la vision des couleurs, la confusion rouge-vert étant la plus répandue. Pour ces personnes, un signal qui repose entièrement sur la distinction d'une couleur par rapport à une autre - rouge contre vert, en particulier - peut être réellement imperceptible, et non simplement plus difficile à voir. C'est une question distincte de celle du critère 1.4.3 Contraste, qui porte sur l'écart entre une couleur et son arrière-plan : le critère 1.4.1 porte sur le fait que la couleur soit ou non le seul canal porteur de sens, indépendamment de tout rapport de contraste.

La défaillance la plus fréquente : un lien identifié par la seule couleur

Un lien inséré dans un paragraphe de texte courant, distingué du texte environnant par une seule couleur différente - de graisse comparable -, sans soulignement ni autre indice non chromatique : une personne qui ne distingue pas les deux couleurs n'a aucun moyen de savoir quels mots sont cliquables.

Autres schémas courants

• Des états de validation de formulaire signalés uniquement par une bordure rouge ou verte, sans icône ni message textuel.
• Des graphiques et diagrammes dont les séries de données ne se distinguent que par la couleur, sans motif, ni étiquette, ni légende lisible indépendamment de la couleur.
• Des indicateurs de champ obligatoire reposant sur un seul astérisque coloré ou une étiquette colorée, sans symbole ni formulation supplémentaire.
• Des indicateurs d'état - une pastille colorée pour en ligne, absent, hors ligne - sans texte d'accompagnement ni différence de forme.

Le schéma de correction

Associez à chaque signal codé par la couleur un second indice non chromatique : une icône, un soulignement, une étiquette textuelle, un motif ou une texture, une différence de forme. Une bordure d'erreur rouge accompagnée d'une icône d'erreur et d'un message textuel satisfait le critère, même pour une personne qui ne perçoit pas du tout le rouge.

Questions fréquentes

Qu'est-ce que le critère WCAG 1.4.1 Utilisation de la couleur ?

Un critère de niveau A : une information transmise par la couleur doit également être disponible par un autre indice visuel, afin que les personnes daltoniennes ne la manquent pas.

Quelle est une non-conformité courante ?

Signaler les champs obligatoires ou les erreurs uniquement en rouge, ou présenter un lien distingué du texte environnant par la seule couleur, sans soulignement.

Comment corriger un problème relevant du critère 1.4.1 ?

Associez à la couleur un texte, une icône, un motif ou un soulignement - par exemple, ajoutez un astérisque et une mention aux champs obligatoires, et soulignez les liens dans le texte.