Vérificateur de Contraste des Couleurs
Vérifiez le ratio de contraste WCAG entre les couleurs de texte et d'arrière-plan.
Aperçu texte large
L'aperçu du texte normal ressemble à ceci.
À propos du Vérificateur de Contraste des Couleurs
Vérifiez si la combinaison de couleurs de votre texte et de votre arrière-plan respecte les exigences d'accessibilité de contraste WCAG 2.1. AA est la norme minimale recommandée ; AAA est la norme renforcée pour une meilleure lisibilité.
Qu'est-ce que cet outil ?
Vérifiez si une combinaison de couleurs de premier plan (texte) et d'arrière-plan respecte les normes d'accessibilité de contraste WCAG 2.1. Obtenez instantanément un ratio de contraste et des résultats de réussite/échec pour les niveaux de conformité AA et AAA.
Comment l'utiliser
- Choisissez ou saisissez une valeur hexadécimale pour la couleur de premier plan (texte).
- Choisissez ou saisissez une valeur hexadécimale pour la couleur d'arrière-plan.
- Consultez l'aperçu en direct et les résultats de réussite/échec pour chaque niveau WCAG.
Cas d'utilisation courants
- Vérifier que les choix de couleurs de texte et d'arrière-plan respectent les directives d'accessibilité avant de publier un design
- Choisir des combinaisons de couleurs lisibles pour les boutons, liens et texte principal
- Auditer un site web ou une application existante pour la conformité d'accessibilité
Astuces et conseils
- AA (4,5:1) est la norme minimale que la plupart des sites web devraient respecter pour le texte normal.
- Le texte large (18pt+, ou 14pt+ en gras) nécessite un ratio inférieur car il reste lisible avec un contraste plus faible.
Vérifiez le ratio de contraste WCAG entre les couleurs de texte et d'arrière-plan. Vérifiez instantanément la conformité d'accessibilité AA/AAA, gratuitement et en ligne.
vérificateur de contraste · contraste wcag · ratio de contraste des couleurs · vérificateur d'accessibilité · outil en ligne