Outils · Couleur · Vérifier le contraste des couleurs
Vérifier le contraste des couleurs
Vérifiez si deux couleurs respectent les exigences de contraste WCAG pour le texte et l'interface.
Fonctionne entièrement dans votre navigateur. Aucun fichier n'est envoyé.
Votre fichier est prêt.
Essayez un autre fichier, ou réessayez.
Comment ça marche
Choisissez ou saisissez une couleur de texte et une couleur de fond.
Lisez le rapport de contraste et voyez s'il passe les niveaux AA et AAA.
Ajustez l'une des deux couleurs jusqu'à atteindre le niveau dont vous avez besoin.
Questions fréquentes
4,5:1 pour le texte normal, et 3:1 pour le grand texte (18pt, ou 14pt gras) et pour les composants d'interface et les graphiques significatifs.
7:1 pour le texte normal et 4,5:1 pour le grand texte - un niveau plus strict, non requis pour la plupart des sites mais utile à atteindre quand c'est facile.
Un texte de 18pt (24px) normal, ou 14pt (19px) gras, selon la définition propre à WCAG.
Oui, ça vérifie aussi le seuil de 3:1 pour les composants d'interface (comme les bordures de bouton et les champs de formulaire) et les graphiques significatifs, selon la règle de contraste non textuel de WCAG 2.1.
Non. Le rapport est calculé entièrement dans votre navigateur.
Commentaires