Contraste WCAG

AA · AAA · WCAG 2.1 · accessibilite

Saisissez deux couleurs et vérifiez leur conformité WCAG. Aperçu en direct du texte sur la couleur de fond et recommandations pour atteindre le niveau requis.

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

Le contraste entre le texte et l'arrière-plan est l'une des exigences d'accessibilité les plus vérifiées dans les audits WCAG : un rapport minimal de 4,5:1 pour le texte normal (niveau AA) et 3:1 pour le grand texte est obligatoire dans de nombreux contextes institutionnels et publics.

Avec cet outil vous pouvez :

  • Calculer le rapport de contraste entre deux couleurs en HEX, RGB ou HSL
  • Vérifier la conformité aux niveaux WCAG 2.1 AA et AAA
  • Visualiser un aperçu en direct du texte sur la couleur de fond
  • Recevoir des suggestions concrètes pour atteindre le niveau minimum requis

Essentiel pour développer des thèmes WordPress personnalisés depuis des maquettes Figma : la palette du designer peut ne pas respecter les exigences de contraste

Comment lire le resultat

  • AA texte normal : au moins 4.5:1.
  • AA grand texte : au moins 3:1.
  • AAA texte normal : au moins 7:1.

Utilisez cet outil pendant la phase design/developpement pour ameliorer la lisibilite et l'accessibilite reelle.