Vérificateur de Contraste de Couleurs — Test WCAG

Vérificateur de Contraste de Couleurs — Testez l’Accessibilité de Vos Couleurs

Vérifiez si le contraste entre les couleurs de votre texte et de votre fond respecte les normes d’accessibilité WCAG. Un bon contraste rend votre contenu lisible pour tous, y compris les personnes malvoyantes ou daltoniennes — et c’est de plus en plus exigé par la loi et valorisé par les moteurs de recherche.

Qu’est-ce que le ratio de contraste ?

Le ratio de contraste mesure la différence de luminosité entre deux couleurs, exprimé de 1:1 (aucun contraste, couleurs identiques) à 21:1 (contraste maximal, noir sur blanc). Plus le ratio est élevé, plus le texte est facile à lire.

Les normes WCAG expliquées

• AA (minimum) : 4.5:1 pour le texte normal, 3:1 pour le grand texte — la norme légale dans la plupart des pays
• AAA (renforcé) : 7:1 pour le texte normal, 4.5:1 pour le grand texte — le standard d’excellence
• Le grand texte est défini comme 18pt+ (24px) ou 14pt+ gras (environ 18.66px gras)

Fonctionnalités

• Calcul en direct : le ratio se met à jour instantanément quand vous changez les couleurs
• Sélecteur + saisie hex : choisissez visuellement ou tapez les codes hex exacts
• Quatre vérifications : texte normal et grand texte, aux niveaux AA et AAA
• Aperçu en direct : voyez du vrai texte rendu dans vos couleurs choisies
• Bouton d’inversion : permutez instantanément texte et fond

Pourquoi l’accessibilité compte

• Inclusivité : environ 1 homme sur 12 et 1 femme sur 200 ont une forme de déficience de la vision des couleurs
• Conformité légale : les lois d’accessibilité (RGAA, EAA, etc.) exigent de plus en plus la conformité WCAG
• Meilleure UX pour tous : un bon contraste aide tout le monde, surtout sur mobile en plein soleil
• SEO : les moteurs considèrent les signaux d’accessibilité dans la qualité de page

Confidentialité

Cet outil fonctionne entièrement dans votre navigateur. Aucune donnée n’est envoyée où que ce soit.