Vérificateur de contraste des couleurs
Vérifiez si vos couleurs de texte et de fond respectent les exigences de contraste WCAG, sinon obtenez la couleur accessible la plus proche.
Exemple de grand texte
Exemple de texte courant, comme l'essentiel de votre page.
Rapport de contraste
4.83:1
- WCAG AA, texte normal (4.5:1) Conforme
- WCAG AA, grand texte (3:1) Conforme
- WCAG AA, composants et icônes (3:1) Conforme
- WCAG AAA, texte normal (7:1) Non conforme
- WCAG AAA, grand texte (4.5:1) Conforme
Ce que montre le vérificateur
Tout ce qu'il faut pour choisir des couleurs lisibles.
Rapport de contraste
Le rapport WCAG exact entre vos deux couleurs.
Résultats AA et AAA
Texte normal, grand texte et composants d'interface face aux seuils WCAG.
Aperçu en direct
Voyez vos couleurs sur un texte d'exemple pendant vos réglages.
Suggestion accessible
La teinte la plus proche de votre couleur de texte qui atteint AA.
Comment ça marche
Choisissez deux couleurs
Utilisez le sélecteur ou saisissez des valeurs hex ou RGB.
Lisez le résultat
Le rapport et la réussite ou l'échec pour chaque niveau WCAG se mettent à jour instantanément.
Appliquez la correction
Utilisez la couleur suggérée si votre paire échoue.
Le contraste n'est qu'une exigence WCAG parmi d'autres. Lancez un audit d'accessibilité complet pour vérifier toute la page.
Questions
WCAG AA demande 4,5:1 pour le texte normal et 3:1 pour le grand texte et les composants d'interface. AAA demande 7:1 et 4,5:1.
Au moins 24 px en normal ou environ 18,7 px en gras (18 pt ou 14 pt gras).
Non, cela vérifie une paire de couleurs. L'audit d'accessibilité vérifie le contraste sur une page en ligne.
Vérifiez l'accessibilité de toute votre page
Des constats liés aux WCAG, contraste compris, issus d'un audit gratuit de votre site en ligne.
Lancer l'audit gratuit