Vérificateur de Contraste : Test WCAG AA/AAA | Gratuit
4 utilisationsTexte d'exemple
The quick brown fox jumps over the lazy dog. 0123456789
15.39:1
Ratio de contraste
Conseils contraste
Test WCAG AA/AAA
Vérifiez si vos couleurs respectent les standards WCAG 2.1.
Ratio instantané
Ratio de contraste précis selon la formule WCAG.
Accessibilité simplifiée
Trouvez des combinaisons lisibles pour tous.
Inverser les couleurs
Un clic pour inverser texte et arrière-plan.
Questions fréquemment posées
Qu'est-ce que le ratio WCAG ?
WCAG exige au minimum 4.5:1 pour le texte normal (AA) et 7:1 pour AAA.
Pourquoi le contraste est important ?
Un contraste suffisant assure la lisibilité pour tous les utilisateurs.
Gratuit ?
Oui.
Comment tester le contraste des couleurs d'un texte sur un arrière-plan dégradé ?
Notre vérificateur de contraste de couleurs gratuit est conçu pour des paires de couleurs unies. Lorsque vous placez du texte sur un dégradé, identifiez le point du dégradé où la couleur de votre texte présente le *plus faible* contraste. Vous devez tester la couleur de votre texte de premier plan par rapport aux sections les plus claires et les plus sombres de l'arrière-plan dégradé pour garantir la conformité WCAG AA ou AAA sur l'ensemble du design.
Que dois-je faire si les couleurs de ma marque ne respectent pas le contraste WCAG ?
Si les couleurs de votre marque ne respectent pas le contraste WCAG, vous devrez ajuster la couleur de votre premier plan (texte) ou de votre arrière-plan. Notre outil gratuit de vérification du contraste des couleurs vous aide à itérer rapidement. Modifiez légèrement la teinte, la saturation ou la luminosité de la couleur non conforme. Entrez à nouveau les nouveaux codes couleur dans l'outil et testez instantanément. Visez le rapport de contraste minimal requis tout en restant aussi proche que possible de votre palette de marque, en priorisant la lisibilité pour tous les utilisateurs.
Vérifier le contraste
- Définissez les couleurs texte et arrière-plan
- Visualisez le ratio et les résultats WCAG
- Ajustez jusqu'à atteindre AA/AAA
- Utilisez le bouton d'inversion