WCAG 2.1

Contrast Checker

Vérifiez l'accessibilité de vos combinaisons de couleurs en temps réel

Conformité WCAG 2.1
Niveau AA & AAA
Gratuit

Vos couleurs

Couleur du texte

Couleur du fond

Ratio de contraste

21.00:1

AAA

Texte normal

Texte large

Aperçu en temps réel

Voici un titre important

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ce paragraphe teste la lisibilité du texte avec vos couleurs sélectionnées.

Texte normal de 16px pour évaluer le confort de lecture sur plusieurs lignes. Un bon contraste permet de lire facilement sans fatigue visuelle.

Bouton d'action

Texte normal (14-16px)

Texte de petite taille nécessitant un contraste AA minimum de 4.5:1

Texte large (18px+)

Texte large accepte 3:1

Conformité WCAG détaillée

AA Normal (4.5:1)

Minimum légal pour texte normal - Sites web, apps, documents

AA Large (3:1)

Minimum légal pour texte 18px+ ou 14px+ en gras

AAA Normal (7:1)

Niveau optimal - Recommandé pour accessibilité maximale

AAA Large (4.5:1)

Optimal pour texte large - Confort de lecture supérieur

Excellent contraste (AAA)

Parfait ! Votre combinaison offre une accessibilité optimale. Elle est lisible par tous, même en conditions de faible luminosité ou sur écrans de mauvaise qualité.

Le contraste n'est qu'un critère parmi 106. Auditez votre site complet gratuitement →

Exemples de combinaisons populaires

Cliquez sur un exemple pour le tester instantanément

C'est quoi le contraste de couleurs ?

Le contraste de couleurs mesure la différence de luminosité entre deux couleurs. Un bon contraste garantit que votre contenu est lisible par tous, y compris les personnes ayant des déficiences visuelles.

Pourquoi c'est important ?

15% de la population a des problèmes de vision. Un bon contraste rend votre site accessible à tous.

C'est obligatoire ?

Oui ! Les normes WCAG AA sont requises par la loi dans de nombreux pays (UE, USA, Canada...).

Impact business

Un meilleur contraste améliore l'expérience utilisateur et augmente vos conversions de 30%.

Guide rapide WCAG 2.1

Niveau AA (Standard)

✓ 4.5:1 pour texte normal (moins de 18px)
✓ 3:1 pour texte large (18px+ ou 14px+ gras)
✓ Requis par la loi dans l'UE, USA, Canada
✓ Minimum pour sites web professionnels

Niveau AAA (Optimal)

✓ 7:1 pour texte normal
✓ 4.5:1 pour texte large
✓ Recommandé pour contenu éducatif, médical
✓ Confort de lecture maximal pour tous

Conseil Pro

Testez toujours vos couleurs sur différents appareils et en conditions de forte luminosité. Un contraste qui semble bon sur votre écran peut être illisible sur mobile en extérieur !

Aller plus loin

Mélanger ces couleurs

Explorez les nuances entre votre texte et votre arrière-plan dans le Color Mixer.

Créer un dégradé

Générez un dégradé entre vos deux couleurs dans le Gradient Generator.

Allez plus loin avec un audit RGAA complet

Le contraste n'est qu'un des critères d'accessibilité. Analysez l'ensemble de votre site selon les 106 critères RGAA 4.1 en quelques secondes.

Lancer un audit RGAA gratuit