Outil gratuit

Analyse de contraste

Vérifiez l'accessibilité de vos paires de couleurs selon les normes WCAG 2.1 — niveaux AA et AAA. Indispensable pour un design inclusif.

Couleur du texte (avant-plan)

Encre

Couleur de fond (arrière-plan)

Ivoire

—

Ratio de contraste

AA · Texte normal

Minimum 4,5:1 pour corps de texte (<18pt)

—

AA · Grand texte

Minimum 3:1 pour titres (≥18pt ou 14pt gras)

—

AAA · Texte normal

Optimum 7:1 — excellence d'accessibilité

—

AAA · Grand texte

Optimum 4,5:1 pour titres

—

Identité visuelle

Une bonne typographie commence par un contraste lisible. Ce texte illustre comment votre combinaison de couleurs apparaît en conditions réelles de lecture.

LETTRE · CORPS DE TEXTE · SOUS-TITRE · 12PX

Version inversée

Testez également la version inversée — fond sombre, texte clair — souvent utilisée pour les sections hero ou les footers.

FOND SOMBRE · TEXTE CLAIR

Pourquoi le contraste compte

Accessibilité WCAG

Les normes WCAG 2.1 garantissent que votre contenu est lisible pour les personnes malvoyantes. En France, le RGAA rend ces standards obligatoires pour les services publics.

Lisibilité universelle

8 % des hommes sont daltoniens. Un bon contraste ne bénéficie pas qu'aux personnes en situation de handicap — il améliore l'expérience de tous vos utilisateurs.

Niveau AA vs AAA

Le niveau AA est le standard minimum recommandé. AAA est l'excellence — difficile à atteindre pour tous les éléments, mais visez-le pour les corps de texte principaux.