Assurez la lisibilité de votre texte pour tous. Saisissez une couleur de texte et de fond pour voir le ratio de contraste WCAG exact et sa conformité aux seuils AA et AAA pour texte normal et grand.
CSP, HSTS et X-Frame-Options renforcent votre site.
Utilisez Cache-Control pour accélérer les visites.
Vérifiez les en-têtes et le rendu mobile.
Assurez la lisibilité de votre texte pour tous. Saisissez une couleur de texte et de fond pour voir le ratio de contraste WCAG exact et sa conformité aux seuils AA et AAA pour texte normal et grand.
Saisissez une valeur HEX ou utilisez le sélecteur pour le texte.
Faites de même pour le fond — le ratio se met à jour en direct.
Voyez quels niveaux WCAG passent et ajustez les couleurs si besoin.
| Texte | Fond | Ratio |
|---|---|---|
| #000000 | #ffffff | 21:1 |
| #767676 | #ffffff | 4.54:1 |
| #777777 | #ffffff | 4.48:1 |
| #ffffff | #10b981 | 2.5:1 |
De petits écarts comptent : #767676 passe AA, tandis que #777777 échoue de peu.
C'est complètement gratuit, privé et sans inscription.
Utiliser l'outilUn nombre de 1:1 à 21:1 mesurant la différence de luminance entre deux couleurs. Plus il est élevé, plus c'est lisible. Noir sur blanc vaut 21:1.
Pour le texte normal, AA exige 4.5:1 et AAA 7:1. Pour le grand texte (18pt+ ou 14pt gras), AA exige 3:1 et AAA 4.5:1.
Indirectement. Un texte lisible améliore l'engagement et l'accessibilité, que les moteurs valorisent. C'est aussi une obligation légale dans plusieurs pays.
Non. Beaucoup de couleurs de marque passent AA. Vérifiez le ratio et ajustez la luminosité.
Explore the whole collection — no signup, 100% free & private.