Le Color Contrast Checker de WebAIM vérifie si le contraste entre le texte et l’arrière-plan respecte les WCAG. Vous pouvez saisir des couleurs au format hexadécimal RVB ou les sélectionner avec le sélecteur de couleurs, ajuster la transparence de la couleur de premier plan avec la valeur Alpha et modifier la luminosité avec le curseur.
L’outil calcule le rapport de contraste et le compare aux critères WCAG. Le niveau AA exige au moins 4,5:1 pour le texte normal et 3:1 pour le texte grand, tandis que le niveau AAA exige 7:1 pour le texte normal et 4,5:1 pour le texte grand. Les WCAG 2.1 exigent en outre un rapport de 3:1 pour les éléments graphiques et les composants de l’interface, tels que les bordures des champs de formulaire. Le texte est considéré comme grand lorsqu’il est au moins en gras 14 pt (environ 18,66 px) ou 18 pt (environ 24 px) ou plus.
Parmi les fonctions utiles, le sélecteur de couleurs inclut une pipette pour prélever les couleurs directement à l’écran, tandis que l’outil WAVE peut analyser automatiquement le contraste de tous les textes présents sur une page. Un vérificateur spécifique pour le contraste des liens est également disponible, utile lorsque les liens ne sont distingués que par la couleur.