Quel est le rapport de contraste recommandé pour le texte Web ?

Selon les normes WCAG AA, le texte normal nécessite un ratio minimum de 4,5:1. Un texte plus grand (généralement 18 pt ou 14 pt en gras) ne nécessite que 3:1.

Cet outil simule-t-il le daltonisme ?

Non, cette version se concentre exclusivement sur la vérification mathématique des rapports de contraste. Veuillez utiliser un logiciel de simulation de daltonisme dédié en plus de cet outil.

Comment l’algorithme calcule-t-il le ratio ?

Il met en œuvre la formule exacte de recommandation WCAG en calculant la luminance relative des deux couleurs et en les comparant à l'aide de l'échelle (L1 + 0,05) / (L2 + 0,05).

Dois-je viser la conformité AA ou AAA ?

La norme industrielle mondiale et l’exigence légale pour la plupart des opérations commerciales sont le niveau AA. AAA est très restrictif et n’est généralement obligatoire que pour les plateformes gouvernementales spécialisées ou pour les personnes handicapées.

Les données de couleur de ma marque sont-elles envoyées à un navigateur cloud ?

Jamais. Toutes les analyses chromatiques et le rendu des certificats s'effectuent entièrement dans votre navigateur, dans la mémoire du navigateur de votre appareil local, garantissant une confidentialité totale de l'entreprise.

Puis-je saisir des couleurs en utilisant des formats autres que les codes HEX ?

Oui, en plus des formats HEX (comme #ffffff), vous pouvez également sélectionner visuellement les couleurs à l'aide du sélecteur de couleurs ou saisir directement les valeurs de coordonnées RVB.

Le certificat généré est-il juridiquement contraignant ?

Il s'agit d'une preuve mathématique fiable de vos combinaisons réussies selon les formules du W3C, mais ne remplace pas un audit d'accessibilité tiers complet.

♿

contrast checker,

Contrast Checker (WCAG 2.1)

Check text/background contrast against WCAG standards.
Auto-suggests passing colors and issues compliance certificates.

♿

WCAG 2.1 AA/AAA

Conformité internationale totale

🎯

Couleurs de suggestion automatique

Couleur passante la plus proche proposée

🏆

Émettre un certificat

Enregistrer la preuve de réussite

🔤 Text Color

HEX

🎨 Background Color

HEX

This is normal text (16px) preview

This is bold text (16px bold)

This is large text (24px)

This is large bold text (18px bold)

Contrast Ratio

12.63 : 1

AA Pass

AA
4.5

AAA
7.0

✅

AA Normal Text

≥ 4.5:1

✅

AA Large Text

≥ 3:1

✅

AAA Normal Text

≥ 7:1

✅

AAA Large Text

≥ 4.5:1

📋 CSS Code

about,

À propos

A free tool to instantly check whether your web or app color combinations meet WCAG 2.1 contrast standards. Low contrast makes text hard to read for people with visual impairments.

When your colors fail, the tool automatically suggests the nearest passing color, helping you improve accessibility without drastically changing your design.

Once you pass the AA standard, you can save an official WCAG AA Compliance Certificate to share globally.

how to,

Comment utiliser

STEP 1

Enter Colors

Click the color picker or type a HEX code/RGB directly for both text color and background color.

STEP 2

Check Results

Contrast ratio and WCAG AA/AAA pass/fail status update in real time with a live preview.

STEP 3

Issue Certificate

If you pass the AA threshold, you can save an official certificate and share it easily.

glossary,

Glossaire

Contrast Ratio: A numerical value representing the difference in light between the foreground and background colors. It ranges from 1:1 (no difference) to 21:1 (black on white).
WCAG (Web Content Accessibility Guidelines): International standards established by the W3C defining how to make web content more accessible. Governments worldwide enforce compliance to these guidelines.
AA Standard: The mid-range target for contrast. Normal text requires at least a 4.5:1 ratio, while large text (18pt+) requires 3:1. This is the legal baseline for most corporate environments.
AAA Standard: The strictest WCAG standard targeting specialized accessibility needs. Requires 7:1 for normal text and 4.5:1 for large text. It can heavily restrict design choices.
Relative Luminance: The relative brightness of any point in a colorspace. It leverages mathematical gamma calculations adjusting for human eye perception to score colors on a 0 to 1 scale.
Accessibility (a11y): The practice of creating usable environments for people with disabilities, including vision impairment, cognitive constraints, and age-related decline.

faq,

FAQ

Q.Quel est le rapport de contraste recommandé pour le texte Web ?: Selon les normes WCAG AA, le texte normal nécessite un ratio minimum de 4,5:1. Un texte plus grand (généralement 18 pt ou 14 pt en gras) ne nécessite que 3:1.
Q.Cet outil simule-t-il le daltonisme ?: Non, cette version se concentre exclusivement sur la vérification mathématique des rapports de contraste. Veuillez utiliser un logiciel de simulation de daltonisme dédié en plus de cet outil.
Q.Comment l’algorithme calcule-t-il le ratio ?: Il met en œuvre la formule exacte de recommandation WCAG en calculant la luminance relative des deux couleurs et en les comparant à l'aide de l'échelle (L1 + 0,05) / (L2 + 0,05).
Q.Dois-je viser la conformité AA ou AAA ?: La norme industrielle mondiale et l’exigence légale pour la plupart des opérations commerciales sont le niveau AA. AAA est très restrictif et n’est généralement obligatoire que pour les plateformes gouvernementales spécialisées ou pour les personnes handicapées.
Q.Les données de couleur de ma marque sont-elles envoyées à un navigateur cloud ?: Jamais. Toutes les analyses chromatiques et le rendu des certificats s'effectuent entièrement dans votre navigateur, dans la mémoire du navigateur de votre appareil local, garantissant une confidentialité totale de l'entreprise.
Q.Puis-je saisir des couleurs en utilisant des formats autres que les codes HEX ?: Oui, en plus des formats HEX (comme #ffffff), vous pouvez également sélectionner visuellement les couleurs à l'aide du sélecteur de couleurs ou saisir directement les valeurs de coordonnées RVB.
Q.Le certificat généré est-il juridiquement contraignant ?: Il s'agit d'une preuve mathématique fiable de vos combinaisons réussies selon les formules du W3C, mais ne remplace pas un audit d'accessibilité tiers complet.