Vérification du contraste des couleurs

Calculez le contraste de deux couleurs opaques et les seuils AA/AAA pour le texte selon WCAG 2.2.

Cette page présente les outils disponibles dans cette langue dans le périmètre actuel. Cela ne signifie pas que tous les outils du site sont traduits dans toutes les langues.

HEX à 3/4/6/8 chiffres ; RGB de 0 à 255 ou en pourcentages ; HSL : teinte de 0 à 360 et saturation/luminosité de 0 à 100 %. Utilisez des virgules et un alpha de 0 à 1. Le contraste accepte uniquement les couleurs opaques.

WCAG 2.2 : AA exige 4.5:1 pour le texte normal et 3:1 pour le grand texte ; AAA exige 7:1 et 4.5:1. Un grand texte fait 18pt ou 14pt en gras. La décision utilise le rapport non arrondi ; ce n’est pas une certification d’accessibilité.

Mode d’emploi

Saisissez des couleurs opaques pour le texte et le fond, puis calculez. Lisez le rapport et le résultat de chaque seuil selon la taille réelle de votre texte.

Exemple pratique

Du noir #000000 sur du blanc #FFFFFF donne 21:1 ; une couleur sur elle-même donne 1:1.

Fonctionnalités prises en charge et limites

WCAG 2.2 : AA exige 4.5:1 pour le texte normal et 3:1 pour le grand texte ; AAA exige 7:1 et 4.5:1. Grand signifie 18pt ou 14pt en gras. Les décisions utilisent le rapport non arrondi ; l’affichage arrondit à quatre décimales. Références du W3C : Understanding SC 1.4.3 et SC 1.4.6.

Questions fréquentes

Un résultat conforme signifie-t-il qu’un site respecte entièrement WCAG ?

Non. Ce contrôle porte uniquement sur le rapport de contraste entre deux couleurs. Les polices, les images, les états interactifs et les autres exigences d’accessibilité nécessitent une vérification distincte.

Outils associés