Choisir des couleurs que tout le monde peut lire
Par L'équipe AsasWeb 2 min de lecture
Les WCAG exigent un rapport de contraste d'au moins 4,5:1 pour le texte courant et de 3:1 pour les grands textes et les éléments d'interface. La méthode fiable pour atteindre ces seuils est de les intégrer à la palette dès le départ, choisissez une encre foncée et une surface claire qui passent largement, puis vérifiez chaque paire de couleurs avec un outil de contraste. Ne signalez jamais rien par la couleur seule, et vérifiez le mode sombre séparément, car une palette qui passe sur blanc peut échouer sur un fond presque noir.
Un texte à faible contraste paraît élégant dans un outil de conception et disparaît dans la vie réelle : en plein soleil, sur un écran bon marché, ou pour toute personne ayant une vision réduite. Une couleur accessible ne consiste pas à ternir votre marque. Il s’agit de s’assurer que les gens peuvent vraiment la lire.
Connaissez les seuils
Les WCAG fixent des minimums clairs. Le texte courant a besoin d’un rapport de contraste d’au moins 4,5 pour 1 par rapport à son arrière-plan. Le grand texte, à partir d’environ 24 pixels, et les éléments d’interface ont besoin d’au moins 3 pour 1. Ce sont des planchers, pas des objectifs, et ils sont faciles à vérifier avec n’importe quel outil de contraste.
Intégrez le contraste dans votre palette
L’astuce consiste à concevoir la palette autour de ces seuils dès le départ, plutôt que de découvrir les échecs à la fin. Choisissez une encre sombre et une surface claire qui passent confortablement, puis choisissez des couleurs d’accent qui fonctionnent à la fois comme texte et comme remplissage. Sur ce site, chaque paire de couleurs est documentée avec son rapport mesuré, afin que rien ne passe entre les mailles.
Ne comptez pas sur la couleur seule
La couleur ne devrait jamais être le seul moyen de signaler quelque chose. Un champ obligatoire, une erreur, un lien dans un paragraphe : chacun a besoin d’un second repère, comme du texte, une icône ou un soulignement. Les personnes qui ne perçoivent pas les différences de couleur ont quand même besoin du message.
Pensez au mode sombre
Une palette qui passe en mode clair peut échouer en mode sombre, où une couleur de marque qui paraissait correcte sur blanc peut être trop terne sur une surface presque noire. Chaque thème a besoin de ses propres valeurs vérifiées.
Nous traitons le contraste comme un nombre mesuré, pas comme une supposition. Si vous n’êtes pas sûr que vos couleurs de marque passent, démarrez un projet et nous les auditerons pour trouver une palette à la fois fidèle à la marque et lisible.