Comment le ratio de contraste est-il calculé ?

En utilisant la formule officielle de luminance relative WCAG 2.x, qui corrige le gamma de chaque canal de couleur avant de le pondérer selon la perception de luminance humaine.

Quelle est la différence entre AA et AAA ?

AA est l'exigence d'accessibilité standard (4,5:1 pour le texte normal, 3:1 pour le texte grand) ; AAA est une exigence renforcée plus stricte (7:1 et 4,5:1 respectivement).

Qu'est-ce qui compte comme 'texte grand' ?

Un texte de 18pt ou plus, ou de 14pt en gras, est éligible aux seuils plus souples du texte grand.

Traité à 100% localement dans votre navigateur

Vérificateur de Contraste de Couleur WCAG

Vérifiez si vos couleurs de texte et d'arrière-plan répondent aux exigences de contraste d'accessibilité WCAG.

Réponse Rapide

Vérificateur de Contraste de Couleur WCAG lets you: Vérifiez si vos couleurs de texte et d'arrière-plan répondent aux exigences de contraste d'accessibilité WCAG. To start, sélectionnez ou saisissez une couleur de premier plan (texte) et une couleur d'arrière-plan.

Loading tool…

Comment utiliser cet outil

1
Choisissez vos couleurs
Sélectionnez ou saisissez une couleur de premier plan (texte) et une couleur d'arrière-plan.
2
Vérifiez le ratio
Voyez le ratio de contraste exact et s'il respecte les seuils AA et AAA.
3
Prévisualisez la lisibilité
Voyez du texte d'exemple en direct rendu dans vos couleurs choisies en tailles normale et grande.

Questions Fréquentes

Color Picker

Cliquez n'importe où sur une image téléversée pour échantillonner sa couleur de pixel exacte — HEX, RGB et HSL instantanément.

SVG Optimizer

Nettoyez et réduisez le balisage SVG en supprimant les commentaires, métadonnées et IDs inutilisés.

Vérificateur de Contraste de Couleur WCAG

Comment utiliser cet outil

Choisissez vos couleurs

Vérifiez le ratio

Prévisualisez la lisibilité

Questions Fréquentes

Comment le ratio de contraste est-il calculé ?

Quelle est la différence entre AA et AAA ?

Qu'est-ce qui compte comme 'texte grand' ?

Outils Associés

Color Picker

SVG Optimizer

Vérificateur de Contraste de Couleur WCAG

Comment utiliser cet outil

Choisissez vos couleurs

Vérifiez le ratio

Prévisualisez la lisibilité

Questions Fréquentes

Comment le ratio de contraste est-il calculé ?

Quelle est la différence entre AA et AAA ?

Qu'est-ce qui compte comme 'texte grand' ?

Outils Associés

Color Picker

SVG Optimizer