Outil en ligne gratuit

Vérificateur de contraste : couleurs et texte

Vérifiez le contraste du texte sur son arrière-plan selon les seuils courants WCAG AA.

10 · Vérificateur de contraste des couleurs

Vérifiez le contraste du texte sur son arrière-plan selon les seuils courants WCAG AA.

Estimation rapide du contraste. Cet outil ne vérifie ni la taille ni l’épaisseur de la police, ni toutes les exigences d’accessibilité.

Comment utiliser cet outil

Saisissez deux couleurs au format HEX. Les recommandations WCAG AA utilisent un rapport de 4,5:1 pour le texte courant et de 3:1 pour le grand texte. Cette vérification ne couvre pas toutes les exigences d’accessibilité.

Confidentialité et limites

Les couleurs sont comparées dans ce navigateur. Le rapport de contraste n’est qu’une vérification parmi d’autres ; cet outil ne vérifie pas la taille du texte, la mise en page ni toutes les exigences WCAG.

Question fréquente

Dois-je créer un compte ? Non. Ouvrez la page et utilisez l’outil directement.

Seuils de contraste WCAG et exemple

Pour le texte, WCAG AA exige un rapport d’au moins 4,5:1 pour le texte courant et 3:1 pour les grands caractères. Par exemple, #767676 sur #FFFFFF atteint environ 4,54:1. Les composants d’interface et les graphiques porteurs d’information font l’objet d’un critère distinct de 3:1 par rapport aux couleurs adjacentes ; ce vérificateur à deux couleurs ne suffit donc pas à évaluer tous les critères. Consultez les règles W3C sur le contraste du texte et celui des éléments non textuels.