Contrast Checker

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

Conformité WCAG 2.1 • Niveau AA & AAA • Gratuit

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

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%.

Vos couleurs

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.

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é.

Exemples de combinaisons populaires

Cliquez sur un exemple pour le tester instantanément

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 !

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