Vérificateur de Contraste Couleurs en Ligne
Vérifie le contraste des couleurs selon WCAG 2.1. Contrôle la conformité AA et AAA instantanément.
Sample Text
This is a normal text paragraph to verify readability.
#1a1a1f
#f8f6f3
Pourquoi l'utiliser
Accessibilité web sans deviner les ratios de contraste
WCAG 2.1 officiel
Utilise la formule exacte de luminance relative du W3C. Des résultats précis et conformes.
AA et AAA d'un coup d'oeil
Vois immédiatement si ta combinaison atteint le niveau minimum requis par la loi.
Instantané
Calcul en temps réel pendant que tu changes les couleurs.
Sans inscription
Vérifie tes couleurs sans compte ni installation.
Comment ça marche
Trois étapes, sans complications
Saisis tes couleurs
Sélectionne la couleur du texte et la couleur de fond avec le sélecteur de couleur ou en saisissant directement des valeurs hex, RGB ou HSL.
Obtiens le ratio de contraste
Le ratio de contraste est calculé instantanément à partir de la formule de luminance relative WCAG 2.1. Tu vois si ta combinaison atteint les niveaux AA et AAA.
Ajuste jusqu'à la conformité
Si le contraste ne satisfait pas les exigences, modifie les couleurs. Le vérificateur t'indique quel niveau de conformité ta combinaison de couleurs atteint.
FAQ
Des questions ?
WCAG (Web Content Accessibility Guidelines) sont les directives d'accessibilité pour le contenu web développées par le W3C (World Wide Web Consortium). Il s'agit du standard international de référence pour rendre le contenu web accessible aux personnes atteintes de handicaps visuels, auditifs, moteurs et cognitifs. La version actuelle est WCAG 2.1 (publiée en juin 2018) ; WCAG 2.2 a été publiée en octobre 2023 avec des critères de succès supplémentaires. WCAG 3.0 est en développement et propose un nouveau modèle de contraste basé sur APCA (Advanced Perceptual Contrast Algorithm).
WCAG définit trois niveaux de conformité. Niveau A : exigences de base dont le non-respect rend le contenu inaccessible. Niveau AA : le standard recommandé pour la plupart des sites web ; requis par la loi dans de nombreux pays. Niveau AAA : le niveau d'accessibilité le plus élevé, pas toujours atteignable pour tout le contenu. Pour le contraste des couleurs : AA exige 4.5:1 pour le texte normal et 3:1 pour le grand texte. AAA exige 7:1 pour le texte normal et 4.5:1 pour le grand texte. Les législations sur l'accessibilité web (ADA aux États-Unis, EAA en Europe) exigent généralement le niveau AA.
Le ratio de contraste est un nombre entre 1:1 (aucun contraste, couleurs identiques) et 21:1 (contraste maximal, noir sur blanc). Il se calcule comme (L1 + 0.05) / (L2 + 0.05), où L1 est la luminance relative de la couleur la plus claire et L2 celle de la plus sombre. La luminance relative d'une couleur sRGB est calculée en transformant chaque canal (R, G, B) du gamma au linéaire : si la valeur normalisée est inférieure ou égale à 0.03928, on utilise canal/12.92, sinon on utilise ((canal+0.055)/1.055) puissance 2.4. La luminance finale est 0.2126xR + 0.7152xG + 0.0722xB.
Aux États-Unis, l'Americans with Disabilities Act (ADA) s'applique aux sites web des entités concernées, et les tribunaux ont établi que WCAG 2.1 niveau AA est le standard applicable. En Europe, l'European Accessibility Act (Directive 2019/882) est entré en vigueur le 28 juin 2025, exigeant que les produits et services numériques respectent des standards d'accessibilité équivalents à WCAG 2.1 AA. Ignorer ces exigences peut entraîner des litiges et des amendes.
WCAG 2.1 définit le grand texte comme du texte d'au moins 18 points (environ 24px) en poids normal, ou d'au moins 14 points (environ 18.67px) en gras (font-weight 700 ou supérieur). Ce texte a une exigence de contraste inférieure (3:1 pour AA au lieu de 4.5:1) car la taille plus grande facilite la lisibilité même avec un contraste plus faible. Les logos et le texte purement décoratif sont exempts des exigences de contraste. Les composants d'interface (boutons, champs de saisie) nécessitent un minimum de 3:1 pour leurs parties actives (critère 1.4.11 Non-text Contrast).
Contraste des couleurs WCAG : accessibilité web, législation et algorithmes
Les Web Content Accessibility Guidelines (WCAG) tirent leur origine de la Web Accessibility Initiative (WAI) du W3C, lancée en 1997. WCAG 1.0 a été publiée en mai 1999. WCAG 2.0 est arrivée en décembre 2008, introduisant le modèle à quatre principes : Perceptible, Utilisable, Compréhensible et Robuste (POUR). WCAG 2.1 (juin 2018) a ajouté 17 nouveaux critères de succès, notamment pour les utilisateurs mobiles, les personnes malvoyantes et les utilisateurs ayant des handicaps cognitifs. Le critère 1.4.3 (Contraste Minimum) établit les exigences de ratio de contraste qui rendent cet outil nécessaire. La Section 508 de la Rehabilitation Act américaine (mise à jour en 2017) incorpore par référence WCAG 2.0 niveau AA pour les technologies de l'information de l'administration fédérale.
La formule de luminance relative de WCAG est basée sur l'espace colorimétrique sRGB (IEC 61966-2-1), le standard pour les moniteurs d'ordinateur depuis 1999. La transformation gamma sRGB vers linéaire (l'opération ((c+0.055)/1.055) puissance 2.4 pour les valeurs supérieures à 0.03928) approxime la courbe gamma réelle du standard sRGB. Les coefficients de luminosité (0.2126 pour le rouge, 0.7152 pour le vert, 0.0722 pour le bleu) reflètent la sensibilité de l'oeil humain à chaque longueur d'onde, basée sur les travaux de la Commission Internationale de l'Eclairage (CIE). Lea Verou, chercheuse au MIT et membre du W3C CSS Working Group, a développé une implémentation de référence très citée et créé l'outil contrast-ratio.com en 2012.
WCAG 3.0 (actuellement en brouillon) propose de remplacer la formule de contraste actuelle par APCA (Advanced Perceptual Contrast Algorithm), développée par Andrew Somers. APCA modélise mieux la perception visuelle humaine en tenant compte de la polarité du contraste (texte sombre sur fond clair vs. texte clair sur fond sombre se perçoivent différemment), de la taille et du poids de la police, et de l'adaptation du système visuel. L'échelle APCA va de 0 à 106 Lc (Lightness Contrast), et ses seuils diffèrent significativement des ratios WCAG 2.x — par exemple, du texte noir sur blanc pur donne 106 Lc, tandis que des combinaisons qui passeraient AA en WCAG 2.x pourraient échouer en APCA ou vice versa. La transition vers WCAG 3.0 sera progressive et la version finale n'est pas attendue avant 2026.