OdeetAccueil

Vérificateur de contraste

Vérifiez si deux couleurs passent les seuils WCAG et RGAA.

Ratio de contraste : 3,45 : 1

Insuffisant pour du texte courant

Ratio 3,45 : 1. Insuffisant pour du texte courant.

Résultat par usage, niveaux AA et AAA
UsageAAAAA
Texte courantÉchec : 4,5 requisÉchec : 7 requis
Grand texte (24 px, ou 18,5 px gras)Réussi : 3 requisÉchec : 4,5 requis
Bordures, icônes, champsRéussi : 3 requis—

Plus proche qui passe : #767676 pour du texte courant, #595959 en AAA

Questions fréquentes

Quel ratio faut-il atteindre ?
Au niveau AA, celui qu’exigent le RGAA et l’European Accessibility Act : 4,5:1 pour le texte courant, 3:1 pour le grand texte et pour les éléments d’interface comme les bordures de champs et les icônes.
Qu’est-ce qu’un grand texte ?
Un texte d’au moins 24 px, ou d’au moins 18,5 px en gras. En dessous, c’est le seuil du texte courant qui s’applique.
Comment le ratio est-il calculé ?
Il compare la luminance relative des deux couleurs, selon la formule des WCAG. Il va de 1:1 (deux couleurs identiques) à 21:1 (noir sur blanc). Le ratio n’est jamais arrondi : 4,49:1 ne passe pas 4,5:1.
Comment est choisie la couleur proposée ?
Elle garde la teinte et la saturation de votre texte et ne change que sa luminosité, juste assez pour atteindre le seuil. Votre charte reste reconnaissable.
Et les couleurs semi-transparentes ?
Saisissez la couleur réellement affichée, une fois mélangée au fond. Pour un texte sur une image ou un dégradé, vérifiez l’endroit le moins contrasté.

Pour aller plus loin