Contraste WCAG

AA · AAA · WCAG 2.1 · accessibilite

Chargez la palette du projet et testez chaque combinaison texte/fond pour AA et AAA en une seule vue. Suggestions de correction chromatique automatiques et rapport exportable.

Couleur du texte
Texte (FG)
Couleur du fond
Fond (BG)
21.00
ratio de contraste
Presets utiles

Vérifier le contraste un élément à la fois ralentit le workflow. Lorsqu'on travaille avec un système de design ou une palette de projet complexe — avec des couleurs primaires, secondaires, grises et d'état — il faut tester toutes les combinaisons pertinentes en une seule opération.

Cet outil :

  • Accepte toute la palette couleurs du projet (jusqu'à 20 swatches)
  • Génère automatiquement la matrice de contraste de toutes les combinaisons
  • Met en évidence les paires qui passent (vert), à surveiller (jaune) et qui échouent (rouge)
  • Suggère des ajustements chromatiques minimaux pour conformiser les paires limites
  • Teste les couleurs de texte sur les arrière-plans de marque et couleurs d'état
  • Exporte le rapport en CSV ou PNG pour la documentation du système de design