Vérificateur de contraste des couleurs WCAG

Questions fréquentes

Qu'est-ce qu'un rapport de contraste et comment est-il calculé ?

Le rapport de contraste est une mesure numérique de la différence de luminance entre deux couleurs, telle que définie par la WCAG 2.1. Il va de 1:1 (couleurs identiques, contraste nul) à 21:1 (noir pur sur blanc pur). La formule est (L1 + 0,05) / (L2 + 0,05), où L1 et L2 sont les luminances relatives de la couleur la plus claire et de la plus foncée respectivement.

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

La WCAG AA est le minimum légal d'accessibilité numérique dans la plupart des pays — elle exige un contraste de 4,5:1 pour le texte normal et de 3:1 pour le grand texte. La WCAG AAA est la norme renforcée, exigeant 7:1 pour le texte normal et 4,5:1 pour le grand texte. Elle est idéale pour les publics à basse vision ou à difficultés de lecture. La plupart des lois imposent le niveau AA ; le niveau AAA est un objectif de bonne pratique.

Qu'est-ce qui est considéré comme « grand texte » selon la WCAG ?

La WCAG définit le grand texte comme 18 pt (24 px) ou plus en graisse normale, ou 14 pt (environ 18,67 px) ou plus en graisse grasse. Comme un texte plus grand est intrinsèquement plus facile à lire à faible contraste, la WCAG applique un seuil plus bas. Tout ce qui est en dessous de ces tailles doit respecter la norme plus stricte de 4,5:1 (AA) ou 7:1 (AAA).

Pourquoi les simulations de daltonisme affichent-elles des rapports de contraste différents ?

Les simulations de daltonisme transforment vos couleurs via un modèle perceptuel (Machado 2009, sévérité 1,0) appliqué dans l'espace sRGB linéaire. Les valeurs RVB simulées qui en résultent peuvent avoir des luminances relatives différentes des originales, ce qui modifie le rapport de contraste calculé. Une paire qui réussit la WCAG AA pour une vision normale peut échouer pour des utilisateurs protanopes ou deutéranopes — cet outil met ces écarts en évidence.

Cet outil envoie-t-il mes données de couleur quelque part ?

Non. Chaque calcul — rapport de contraste, évaluation du badge WCAG, simulation du daltonisme et suggestions de correction — s'exécute entièrement dans votre navigateur en JavaScript. Aucune valeur de couleur n'est jamais transmise aux serveurs d'AppicLab ni à un tiers.

Comment utiliser les suggestions de correction automatique ?

Lorsque votre paire de couleurs échoue à la WCAG AA, le panneau de suggestions affiche le plus petit ajustement de luminosité de la couleur du texte ou de l'arrière-plan permettant d'atteindre le rapport cible tout en préservant la teinte et la saturation d'origine. Cliquez sur « Appliquer » pour l'avoir en aperçu en direct, ou copiez directement le code hexadécimal. Cliquez sur l'icône de dé pour générer une toute nouvelle palette conforme.

Un contraste de couleurs insuffisant peut-il entraîner une amende ou un procès ?

Oui. Aux États-Unis, l'ADA (Americans with Disabilities Act) a été appliqué aux sites web, et des entreprises ont fait l'objet de poursuites — y compris devant des tribunaux fédéraux — pour un contraste de couleurs inaccessible. Dans l'UE, l'Acte européen sur l'accessibilité (EAA) impose à la plupart des produits et services numériques de respecter la WCAG 2.1 AA depuis juin 2025, avec des sanctions selon les États membres. La loi britannique Equality Act 2010 prévoit des obligations similaires. Les sites gouvernementaux et du secteur public font l'objet de l'application la plus stricte. Respecter le contraste WCAG AA est l'un des moyens les moins coûteux de réduire votre exposition juridique.

Sources

• WCAG 2.1 Critère de succès 1.4.3 (Contraste minimum) — la norme d'accessibilité du W3C qui définit les seuils de contraste de 4,5:1 et 7:1 utilisés par cet outil.
• Machado, Oliveira & Fernandes (2009) — Simulation des déficiences de la vision des couleurs — le modèle de simulation du daltonisme fondé sur la physiologie qui sous-tend les aperçus protanopie / deutéranopie / tritanopie.