Vérificateur de Contraste WCAG
Conçu pour la confidentialité — fonctionne entièrement dans votre navigateur
Choisissez texte et fond, obtenez le ratio de contraste WCAG et les badges AA/AAA pour texte normal, texte large et composants UI.
Quel ratio est considéré comme conforme
WCAG AA exige 4,5:1 pour le texte normal et 3:1 pour le texte large (≥18 px régulier ou ≥14 px gras). AAA durcit à 7:1 et 4,5:1 respectivement.
Qu’est-ce que la règle 3:1 des composants UI
Le critère 1.4.11 de WCAG 2.1 exige un contraste 3:1 pour les icônes, bordures de champs et autres éléments UI non textuels porteurs d’information. Le badge de l’outil couvre ce cas.
Et les couleurs semi-transparentes
Oui lorsque la valeur est en rgba et que le fond est opaque ; pour des couches translucides empilées il faut aplatir en amont. L’outil avertit quand le parseur ne lit pas la valeur.
Questions fréquentes
- Quel ratio est considéré comme conforme ?
- WCAG AA exige 4,5:1 pour le texte normal et 3:1 pour le texte large (≥18 px régulier ou ≥14 px gras). AAA durcit à 7:1 et 4,5:1 respectivement.
- Qu’est-ce que la règle 3:1 des composants UI ?
- Le critère 1.4.11 de WCAG 2.1 exige un contraste 3:1 pour les icônes, bordures de champs et autres éléments UI non textuels porteurs d’information. Le badge de l’outil couvre ce cas.
- Et les couleurs semi-transparentes ?
- Oui lorsque la valeur est en rgba et que le fond est opaque ; pour des couches translucides empilées il faut aplatir en amont. L’outil avertit quand le parseur ne lit pas la valeur.
- Quelque chose est-il téléversé ?
- Non. Le calcul tient dans une petite fonction de cette page ; les couleurs ne quittent pas le navigateur.