Vérificateur de contraste des couleurs

Comparez deux couleurs HEX unies selon les critères de contraste de texte WCAG 2.2.

Préparation de l’outil…

Essayer un exemple commenté

Comparez deux couleurs HEX unies selon les critères de contraste de texte WCAG 2.2.

Vérifiez les unités et les options, puis utilisez le bouton de calcul de l’outil. L’exemple est fictif ; remplacez ses valeurs pour votre propre calcul.

Texte d’exemple

Couleur du texte: #000000
Couleur d’arrière-plan: #ffffff

Résultat attendu

Rapport de contraste : 21.000000:1
WCAG 2.2 AA — texte courant (4,5:1) : Conforme
WCAG 2.2 AA — grand texte (3:1) : Conforme
WCAG 2.2 AAA — texte courant (7:1) : Conforme
WCAG 2.2 AAA — grand texte (4,5:1) : Conforme
La conformité utilise le rapport complet; la valeur affichée est arrondie.

Le rapport de contraste entre les couleurs du texte et de l’arrière-plan est comparé aux seuils WCAG AA et AAA.

En attente de l’outil. L’explication reste accessible sans JavaScript.

Méthode et limites

Saisissez les deux couleurs HEX opaques, l’une pour le texte et l’autre pour l’arrière-plan, puis consultez le rapport et les critères satisfaits.

Cet outil ne teste que le contraste de couleurs unies en texte. Il ne vérifie ni la taille et la graisse de la police, ni les éléments graphiques, états interactifs ou autres critères d’accessibilité.

✓ Traitement local✓ Sans compte✓ Saisies traitées ici✓ Gratuit

Réponse rapide

Le rapport de contraste entre les couleurs du texte et de l’arrière-plan est comparé aux seuils WCAG AA et AAA.

Le code de la page et ses ressources sont chargés depuis le site; les valeurs saisies sont traitées dans votre navigateur, sans requête de calcul.

Mode d’emploi

Saisissez les deux couleurs HEX opaques, l’une pour le texte et l’autre pour l’arrière-plan, puis consultez le rapport et les critères satisfaits.

Limites

Questions fréquentes

Qu’est-ce qu’un grand texte ?

WCAG considère grand un texte d’au moins 18 pt en normal ou 14 pt en gras (environ 24 px ou 18,7 px). Une police fine ou inhabituelle peut demander davantage de contraste.

Un résultat conforme signifie-t-il que ma page est accessible ?

Non. Cet outil vérifie le contraste du texte entre deux couleurs HEX opaques et unies. Il n’examine pas les contrôles non textuels, images, dégradés, styles de police ni les autres critères d’accessibilité.

Sources et références

Ces références documentent la norme ou l’API citée ; elles ne valident pas la sortie de l’outil.