Vérificateur de contraste gratuit en ligne. Vérifiez la conformité WCAG AA/AAA et mesurez les ratios de contraste pour l'accessibilité web. Dans le navigateur.
Premier plan
Arrière-plan
21.00:1
Rapport de contraste
Texte normal
AA (4.5:1)Réussi
AAA (7:1)Réussi
Gros texte
AA (3:1)Réussi
AAA (4.5:1)Réussi
Aperçu
Portez ce vieux whisky au juge blond qui fume 1234567890
Portez ce vieux whisky au juge blond qui fume 1234567890
lockLes fichiers ne sont jamais envoyés à un serveur
Appuyez sur Ctrl+D pour ajouter cette page aux favoris
Vérificateur gratuit de contraste des couleurs testant les ratios selon les normes WCAG 2. 1 (AA, AAA). Tout dans votre navigateur.
Comment utiliser Vérificateur de contraste ?
Entrez les couleurs d'avant-plan et d'arrière-plan.
Vérifiez le ratio et le niveau WCAG.
Ajustez les couleurs pour respecter les normes.
Questions fréquentes sur Vérificateur de contraste
Quelle différence entre WCAG AA et AAA ?
AA exige 4.5:1 pour le texte normal et 3:1 pour le grand. AAA est plus strict : 7:1 et 4.5:1.
Que faire si le ratio ne passe pas ?
Ajustez les couleurs pour augmenter le contraste. L'outil affiche les résultats en temps réel.
Le grand texte a un seuil plus bas : à partir de quelle taille est-il « grand » ?
Les WCAG considèrent qu'un texte est grand à partir de 18 pt (environ 24 px) en graisse normale, ou 14 pt (environ 18,7 px) en gras. Cette condition abaisse l'exigence AA de 4,5:1 à 3:1. Ce sont toutefois des planchers, pas des objectifs : le texte courant doit rester lisible sur un écran assombri ou en plein soleil, viser près de 7:1 est donc plus prudent.
Comment vérifier le contraste d'un texte posé sur une photo ou un panneau translucide ?
Le calcul du contraste suppose deux couleurs unies : sur une photo, il faut donc prélever le point le plus clair et le plus sombre sous le texte et faire le test deux fois. Si l'un des deux échoue, le texte se noie quelque part dans l'image. En pratique, poser une bande de couleur unie derrière le texte est plus fiable qu'un voile noir translucide ou une ombre portée, tous deux dépendants de ce qui se trouve dessous.
Comment bien utiliser Vérificateur de contraste ?
Le texte courant exige 4,5:1 ; à partir de 18pt ou 14pt gras, 3:1 suffit pour le niveau AA.
En France, le RGAA reprend directement ces seuils de contraste issus des WCAG.
Les éléments non textuels comme les icônes et les bordures de champs demandent aussi 3:1.