Commencer par les usages

Ne testez pas une couleur seule. Testez des paires : texte primaire sur fond page, texte secondaire sur carte, lien sur fond, bouton primaire, état hover, focus, erreur, succès et information. Une palette accessible est une matrice de combinaisons autorisées.

Créer des variantes de marque

Beaucoup de couleurs de marque ne passent pas AA comme texte sur blanc. Conservez la couleur originale pour l’identité visuelle, puis créez une variante plus sombre ou plus claire pour les usages textuels et interactifs.

Tokens recommandés

text-primaryRatio élevé sur le fond principal.
text-mutedLisible sans tomber sous 4,5:1.
border-focus3:1 minimum contre le fond.
brand-textVariante accessible de la couleur de marque.

Tester clair et sombre séparément

Une paire qui passe en thème clair ne passe pas forcément en thème sombre. Les couleurs intermédiaires, en particulier les bleus et violets saturés, peuvent perdre beaucoup de lisibilité sur fond sombre.