Validateur de contraste des couleurs WCAG 2.2
- 1Entrez vos couleurs, Tapez ou collez un code hexadécimal (par ex. #1a1a2e) dans les champs de premier plan et d'arrière-plan, ou cliquez sur l'échantillon de couleur pour utiliser un sélecteur de couleurs.
- 2Lisez le ratio, Le ratio de contraste est calculé instantanément. AA nécessite 4,5:1 pour le texte normal (3:1 pour le texte large). AAA nécessite 7:1.
- 3Vérifiez les aperçus, Les blocs de texte d'exemple montrent comment votre paire de couleurs s'affiche à différentes tailles. Les simulations de daltonisme montrent comment l'appariement apparaît aux utilisateurs malvoyants
- 4Ajustez jusqu'à ce qu'il passe, Si l'appariement échoue, ajustez la luminosité d'une couleur jusqu'à ce que le ratio devienne vert. Utilisez les alternatives suggérées sous le résultat si vous avez besoin d'aide.
Vérifiez la conformité AA/AAA, simulez le daltonisme et trouvez la couleur de passage la plus proche.
Rgb(0, 90, 156) · luminance : 0.0971
Rgb(255, 255, 255) · luminance : 1.0000
0.00:1
Exemple de texte d'en-tête
Texte du corps : The quick brown fox jumps over the lazy dog.
Exemple de petit texte (équivalent 14px)
Qu'est-ce que vous testez ?
Sélectionnez votre cas d'utilisation pour obtenir une exigence et un jugement précis.
✗ Échoué, SC 1.4.3 Niveau AA
Ratio requis : 4.5:1 · Votre ratio : 0.00:1 · SC 1.4.3 Niveau AA
Tous les critères WCAG 2.2
✗ Échoué · 4,5:1
SC 1.4.3, Contraste minimum (niveau AA)
Texte normal : tout texte inférieur à 18pt normal ou 14pt gras
C'est l'exigence de base pour le texte du corps, les étiquettes, les liens et tout contenu de taille standard. Exigée par l'EAA, EN 301 549, l'ADA (règle DOJ 2024) et la section 508 aux États-Unis.
Document de compréhension W3C →✗ Échoué · 3:1
SC 1.4.3, Texte large (niveau AA)
Texte à 18pt (24px) normal ou 14pt (18,67px) gras ou plus
Le texte large est plus facile à lire, donc un ratio de contraste plus faible est acceptable. Les seuils 18pt / 14pt gras proviennent de la recherche en typographie imprimée. Exigé en vertu des mêmes
Document de compréhension W3C →✗ Échoué · 3:1
SC 1.4.11, Contraste non textuel (niveau AA)
Composants d'interface utilisateur : bordures de bouton, contours d'entrée, icônes, anneaux de focus, graphiques
Added in WCAG 2.1. Covers interactive components and graphical objects that convey information. Applies to button outlines, form input borders, checkbox squares, radio buttons, chart lines and segments. Text inside components is still covered by 1.4.3.
Document de compréhension W3C →✗ Échoué · 7:1
SC 1.4.6, Contraste amélioré (niveau AAA)
Bonne pratique recommandée, non requise par la plupart des réglementations
This AAA level is not required by the EAA or most national laws but is recommended for high-readability content such as body copy for general audiences, and any text displayed on mobile screens in outdoor conditions.
Document de compréhension W3C →Avant-plan conforme AA le plus proche
Changer l'avant-plan en #005DA1 (Plus clair) pour atteindre 4.5:1
CSS Custom Properties
Quelles lois et normes s'appliquent ?
Directive 2019/882/EU · Annex I Section IV
UE, produits et services vendus aux consommateurs à partir du 28 juin 2025
The EAA mandates conformance with EN 301 549 v3.2.1, which references WCAG 2.1 Level AA as its web content standard. WCAG 2.2 AA is the current W3C recommendation and is considered best practice under the EAA. Passing SC 1.4.3 AA (4.5:1 normal text, 3:1 large text) and SC 1.4.11 AA (3:1 UI) satisfies the EAA colour contrast obligations.
Texte de la Directive EAA →Clause 9.1.4.3 · 9.1.4.11
UE, norme harmonisée référencée par la directive EAA et les organismes du secteur public
EN 301 549 is the European harmonised standard for ICT accessibility. Clause 9.1.4.3 directly adopts WCAG 2.1 SC 1.4.3 (contrast minimum) and clause 9.1.4.11 adopts SC 1.4.11 (non-text contrast). Conformance with WCAG 2.2 AA satisfies both clauses because WCAG 2.2 is backwards compatible with WCAG 2.1.
Spécification EN 301 549 →Règle finale du DOJ 28 CFR Part 35 · March 2024
États-Unis, entités publiques Title II. Title III (entreprises privées) censées suivre la même norme
The US Department of Justice March 2024 final rule requires WCAG 2.1 Level AA for state and local government websites and mobile apps. SC 1.4.3 is a Level AA criterion. WCAG 2.2 AA is a superset of WCAG 2.1 AA, so passing here satisfies the ADA web rule. For private businesses, courts and DOJ guidance have consistently applied WCAG 2.1 AA as the benchmark.
Règle d'accessibilité web du DOJ →36 CFR Part 1194 · E205.4 WCAG 2.0 Level AA
États-Unis, agences fédérales et entités recevant un financement fédéral
Section 508 currently mandates WCAG 2.0 Level AA. WCAG 2.0 SC 1.4.3 (contrast minimum) is identical in requirement to WCAG 2.2 SC 1.4.3. Passing this tool's AA check satisfies the Section 508 contrast requirement. The Access Board has signalled a future update to WCAG 2.1.
Normes TIC Section 508 →Règlement sur l'accessibilité des organismes du secteur public · EN 301 549
Royaume-Uni, organismes du secteur public ; secteur privé couvert par l'obligation d'aménagement raisonnable de l'Equality Act
UK PSBAR 2018 (as retained law post-Brexit) requires WCAG 2.1 Level AA for public sector websites and apps, referencing EN 301 549. SC 1.4.3 is a core requirement. For private organisations, the Equality Act 2010 duty to make reasonable adjustments is widely interpreted to include meeting WCAG AA contrast standards.
Législation PSBAR UK →SC 1.4.6 Contraste amélioré
Bonne pratique, non exigée par la loi dans la plupart des contextes
AAA is recommended for content targeting older users, users with low vision not using assistive technology, or content displayed in challenging environments (outdoor screens, bright sunlight). Achieving AAA (7:1) is not required by the EAA, ADA, or Section 508 but demonstrates a high standard of accessibility commitment. Some internal accessibility policies and premium certification schemes require AAA for body text.
Document de compréhension SC 1.4.6 →Exporter comme preuve
#005A9C sur #FFFFFF = 0.00:1, WCAG AA non conforme
Chaque export inclut un pied de page de métadonnées de preuve juridique avec l'ID d'audit, la date de génération, la version de l'outil, les clauses EN 301 549 et l'avertissement standard. Preuve de qualité juridique, pas de conseil juridique.
Avertissement juridique important
Cet outil est uniquement une aide à l'auto-évaluation et ne constitue pas un conseil juridique ni une évaluation de conformité officiellement certifiée. Les sorties, y compris rapports, scores, listes de contrôle et déclarations d'accessibilité, sont à usage interne et doivent être examinées par un représentant juridique qualifié ou un auditeur d'accessibilité indépendant avant d'être utilisées à des fins réglementaires, d'achat ou de divulgation publique. Tout le risque de l'évaluation incombe à l'évaluateur interne. accessibilityref, ses développeurs et son personnel n'acceptent aucune responsabilité pour les pertes résultant de l'utilisation ou de la confiance accordée à ces sorties. Vérifiez toujours auprès des sources officielles: la Recommandation W3C WCAG 2.2, le European Accessibility Act (Directive 2019/882), et votre autorité d'application nationale.