Vérificateur de contraste
Choisissez les couleurs du texte et de l’arrière-plan pour vérifier leur rapport de contraste selon les seuils WCAG AA et AAA. Consultez séparément les résultats pour le texte normal et le grand texte, avec un aperçu utilisant les couleurs sélectionnées.
Ce que vous pouvez faire
Vérifier le rapport de deux couleurs
Choisir les couleurs du texte et de l’arrière-plan et consulter leur rapport de contraste avec deux décimales.
Comparer les seuils AA et AAA
Consulter des résultats distincts pour le texte normal et le grand texte, avec un aperçu utilisant les couleurs sélectionnées.
Comparer au noir et au blanc
Ouvrir les détails facultatifs pour comparer la couleur du texte aux arrière-plans noir et blanc.
Mode d’emploi
Saisir la couleur du texte
Choisissez HEX, RGB, HSL, HSV ou CMJN et saisissez la couleur du texte. Le choix d’un échantillon fait basculer la saisie vers HEX.
Choisir l’arrière-plan
Saisissez une valeur HEX à trois ou six chiffres, ou utilisez le sélecteur de couleurs. Le préfixe # est facultatif.
Vérifier le contraste
Sélectionnez « Vérifier le contraste » pour consulter le rapport, l’aperçu du texte et les résultats AA/AAA. Relancez la vérification après avoir modifié l’une des couleurs.
Utile pour
Vérifier le texte courant sur son arrière-plan
Saisir les couleurs d’une page et vérifier si le texte normal respecte le rapport requis.
Comparer les couleurs d’un titre
Utiliser le résultat et l’aperçu du grand texte pour examiner une paire de couleurs destinée à un titre.
Lire les résultats
Rapports AA et AAA
AA exige un rapport d’au moins 4.5:1 pour le texte normal et de 3:1 pour le grand texte. AAA exige au moins 7:1 pour le texte normal et 4.5:1 pour le grand texte. Les résultats utilisent le rapport non arrondi.
Définition du grand texte
Un grand texte mesure au moins 18 pt ou 14 pt en gras. En CSS, cela correspond à 24 px ou environ 18,7 px en gras. L’aperçu utilise du texte normal de 16 px et 24 px.
Portée de la vérification
Cette vérification évalue le contraste du texte entre deux couleurs sRGB opaques. Elle n’évalue ni les arrière-plans d’image, ni le mélange alpha, ni les éléments non textuels, ni la conformité de toute la page.
Questions et réponses
Un rapport conforme signifie-t-il que toute la page l’est aussi ?
Ce résultat concerne uniquement le contraste du texte pour les deux couleurs sélectionnées. Évaluez séparément la conformité de la page entière.
Que montre la comparaison sur fond noir et blanc ?
La couleur du texte sélectionnée est comparée au noir et au blanc ; l’outil indique celle qui donne le rapport le plus élevé. Cette comparaison est indépendante du résultat obtenu avec l’arrière-plan sélectionné.
Puis-je vérifier du texte transparent ou du texte posé sur une image ?
La transparence alpha et les arrière-plans d’image ne sont pas pris en charge. Saisissez des couleurs de texte et d’arrière-plan opaques.
Saisie et résultats
- Couleur du texte
- Valeurs HEX, RGB, HSL, HSV ou CMJN, ou sélecteur de couleurs. Le CMJN est une estimation sans profil ICC.
- Arrière-plan
- Valeur HEX à trois ou six chiffres, ou sélecteur de couleurs. La transparence alpha n’est pas prise en charge.
- Résultat
- Rapport de contraste, résultats AA/AAA pour le texte normal et le grand texte, et aperçu du texte. Les résultats ne peuvent pas être enregistrés depuis cet écran.