# Vérificateur de contraste

> Vérificateur de contraste WCAG gratuit : saisissez les couleurs du texte et du fond pour obtenir le ratio de contraste et la réussite ou l'échec AA/AAA pour le texte normal et grand.

Saisissez une couleur de texte et une couleur de fond pour obtenir le ratio de contraste WCAG et la réussite ou l'échec AA/AAA instantanés pour le texte normal et grand, avec un aperçu en direct.

*Interactive tool: enter your values at https://toollantern.win/fr/verificateur-de-contraste/ and results update instantly in your browser.*

## À quoi sert cet outil

Le vérificateur calcule le ratio de contraste WCAG entre une couleur de texte et une couleur de fond, puis note la paire selon les quatre seuils WCAG 2.x : niveaux AA et AAA, chacun pour le texte normal et grand. Un aperçu en direct montre vos couleurs en vrai texte aux deux tailles.

## La formule de luminance

D'abord, la **luminance relative** de chaque couleur est calculée : chaque canal RVB est linéarisé (les valeurs à 0,03928 ou en dessous sont divisées par 12,92 ; les plus grandes utilisent ((v + 0,055) / 1,055) ^ 2,4), puis combinés en L = 0,2126 x R + 0,7152 x V + 0,0722 x B. Les coefficients reflètent le fait que l'oeil humain est le plus sensible à la lumière verte.

Le **ratio de contraste** est (L1 + 0,05) / (L2 + 0,05), où L1 est la luminance de la couleur la plus claire. Il va de 1:1 (couleurs identiques) à 21:1 (noir sur blanc).

## Exemple chiffré

Un texte blanc **#FFFFFF** sur fond bleu **#3B82F6** donne un ratio d'environ **3,7:1**. Cela réussit le AA pour le grand texte (il faut 3:1) mais échoue le AA pour le texte normal (il faut 4,5:1) : parfait pour un titre, pas pour du corps de texte.

## Les quatre seuils

- **AA texte normal :** 4,5:1, la référence légale exigée par de nombreuses réglementations.

- **AA grand texte :** 3:1. Grand signifie au moins 18pt, ou 14pt en gras.

- **AAA texte normal :** 7:1, le niveau le plus strict.

- **AAA grand texte :** 4,5:1.

## Limites

Le ratio ne mesure que le contraste de luminance. Il ne tient pas compte du rendu des polices, des traits fins, de la transparence sur des images, ni des différences de vision des couleurs au-delà de la luminance.

## Questions fréquentes
### Qu'est-ce qu'un bon ratio de contraste ?

Visez au moins 4,5:1 pour le texte normal (WCAG AA), la référence de la plupart des lois sur l'accessibilité. 7:1 atteint le niveau AAA, plus strict. Pour les grands titres, 3:1 suffit pour le AA.

### Qu'est-ce qu'un grand texte en WCAG ?

Un texte d'au moins 18pt (24px), ou d'au moins 14pt (environ 19px) en gras. Tout ce qui est plus petit utilise les seuils du texte normal.

### Quelle est la différence entre AA et AAA ?

AA est le niveau de conformité standard exigé par la plupart des réglementations. AAA est plus strict et recommandé quand c'est possible, surtout pour le corps de texte que tout le monde doit lire.

### Le vérificateur fonctionne-t-il pour le mode sombre ?

Oui. Saisissez la couleur de texte claire comme couleur de texte et la surface sombre comme fond. Le calcul est indépendant du sens : inverser les deux couleurs donne le même ratio.

### Pourquoi ma couleur de marque échoue-t-elle sur blanc ?

Beaucoup de couleurs de marque sont trop claires pour atteindre 4,5:1 sur blanc. Utilisez la couleur pour les grands titres ou les accents graphiques (3:1 suffit là), et choisissez une variante plus sombre pour le corps de texte.

---
Interactive version: https://toollantern.win/fr/verificateur-de-contraste/