Utilisation de la couleur

Solution

Utilisez un autre facteur en plus de la couleur pour transmettre une information. Par exemple, pour indiquer des erreurs de validation de formulaire, vous pouvez modifier les étiquettes des champs concernés par un autre attribut de police ainsi que par la couleur. Les icônes et symboles doivent différer par la forme ainsi que par la couleur.

Pour tenir compte des utilisateur·ice·s ayant des troubles de la vision des couleurs (« daltonisme »), soyez prudent·e lorsque vous utilisez une métaphore de couleur « feu tricolore », avec le vert indiquant des valeurs « bonnes » et le rouge indiquant des valeurs « mauvaises ». Les utilisateur·ice·s daltonien·ne·s rouge-vert ont du mal à distinguer le rouge et le vert, et peuvent donc ne pas être en mesure de différencier ces valeurs. L'utilisation d'un facteur supplémentaire pour signaler « bon » vs « mauvais » est nécessaire. Évitez le rouge et le vert purs dans cette situation : un rouge-orangé et un vert-bleuté sont distinguables par les utilisateur·ice·s daltonien·ne·s, tout en transmettant toujours les significations culturelles « bon » et « mauvais » aux utilisateur·ice·s ayant une vision normale des couleurs. Le contraste de la couleur peut également être utile dans ce contexte, si une couleur est plus foncée ou plus claire que l'autre.

Critères de réussite WCAG associés

1.4.1 Utilisation de la couleur (A) ^(angl.)

La couleur ne doit pas être le seul moyen visuel de transmettre une information, d'indiquer une action, de solliciter une réponse ou de distinguer un élément visuel.

Voir aussi

• Comprendre le critère de succès 1.4.1 : Utilisation de la couleur ^(angl.)
• Contraste de la couleur
• Couleur et contraste de couleur dans les tutoriels d'accessibilité