Respecter les ratios de contraste (WCAG) pour les textes et les boutons assure la lisibilité et l'accessibilité. 4,5:1 pour le texte normal, 3:1 pour le gros texte. Outils de test et dark mode.
La norme WCAG définit des niveaux (AA, AAA) et des ratios minimaux. Les outils (Contrast Checker, axe DevTools) vérifient les combinaisons couleur de fond / couleur de texte. En dark mode, les contrastes doivent être revus (fond sombre, texte clair). Pour les design systems et les interfaces, des couleurs accessibles évitent d'exclure des utilisateurs (malvoyance, conditions d'éclairage). Les tokens de couleur (primary, secondary) doivent inclure des variantes qui passent les seuils.
Conseil : tester chaque combinaison (texte sur fond) et documenter les paires validées.
Points forts / Points faibles
Points forts
- Conformité WCAG et inclusion
- Lisibilité pour tous
- Outils gratuits et intégrés (DevTools)
- Impact SEO et légal (accessibilité)
Points faibles
- Contraintes sur la palette (couleurs vives)
- Dark mode à vérifier séparément
- Équilibre design / contraste à trouver