Couleur et design
Vérificateur de contraste du texte
Comparez deux couleurs HEX opaques aux seuils de contraste du texte WCAG.
Vérifie uniquement le contraste du texte, pas toute l’accessibilité. Couleurs unies opaques seulement, sans transparence, dégradés ni images.
Votre réponse apparaîtra ici.
Aide et méthode
WCAG 2.2 utilise la luminance relative sRGB : (plus clair + 0.05) / (plus sombre + 0.05). AA exige 4.5:1 pour le texte normal et 3:1 pour le grand texte ; AAA, 7:1 et 4.5:1. Grand texte : dès 18 pt (24 px CSS), ou 14 pt gras (environ 18.67 px CSS). Le verdict utilise le rapport non arrondi, pas la valeur affichée.
WCAG 2.2 · 1.4.3WCAG 2.2 · 1.4.6Méthodes et fiabilitéExemple résolu
Un exemple à essayer ou à adapter à vos valeurs.
- Couleur du texte (HEX)
- #000000
- Couleur de fond (HEX)
- #ffffff
Résultat
Rapport de contraste: 21:1; AA · texte normal: Conforme; AA · grand texte: Conforme; AAA · texte normal: Conforme; AAA · grand texte: Conforme