Quel est le rapport de contraste WCAG minimum ?

WCAG 2.1 AA exige un rapport de contraste d'au moins 4.5:1 pour le texte normal et 3:1 pour le texte grand. AAA exige au moins 7:1 pour le texte normal et 4.5:1 pour le texte grand.

Qu'est-ce qui est considéré comme du texte grand ?

Le texte grand est défini comme 18pt (environ 24px) ou plus, ou 14pt (environ 18.67px) en gras ou plus.

Cet outil télécharge-t-il mes couleurs ?

Non. Tous les calculs, les évaluations de luminance relative et les modifications de couleur se produisent dans votre navigateur à l'aide de JavaScript. Aucune donnée de couleur n'est envoyée au serveur.

Vérificateur de contraste de couleurs WCAG

Évaluez le rapport de contraste des couleurs de texte et d'arrière-plan selon les directives WCAG 2.1. Générez instantanément des ajustements de couleurs accessibles.

Couleur du texte / Premier plan HEX/RGB/HSL

Background Color HEX/RGB/HSL

Tout s’exécute localement dans votre navigateur.

Aperçu du texte en direct

Grand titre (18pt Gras / 24pt Normal)

Ceci est un aperçu du style de texte de grand titre.

Texte normal (moins de 18pt)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel massa lectus.

Rapport de contraste

18.6:1

Statut de conformité WCAG 2.1

Exigences WCAG AA

Texte normal (4.5:1) PASS

Grand texte (3.0:1) PASS

Exigences WCAG AAA

Texte normal (7.0:1) PASS

Grand texte (4.5:1) PASS

Directives WCAG 2.1

Vérifiez facilement les normes de contraste pour créer des interfaces accessibles conformes aux directives de la Section 508, de l'ADA et de WCAG AA ou AAA.

Moteur de suggestions

Ajustez automatiquement les couleurs de manière incrémentielle le long des coordonnées HSL pour découvrir les alternatives les plus proches qui respectent les critères de rapport de contraste.

Entièrement côté client

Les calculs sont exécutés localement dans le contexte de votre navigateur. Aucune couleur, aucun fichier ou aucune coordonnée de télémétrie n'est transmis à nos serveurs.