Yannis Delmas-Rigoutsos - Test de contraste CSS

Lorem

ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem

Forme

Couleur : nom ou code CSS

Luminance “relative” :

Fond

Couleur : nom ou code CSS

Luminance “relative” :

↘

↙

Contraste

Contraste de luminance :

Hors contraste chromatique et effets dûs à la transparence :

7 : contraste amélioré (AAA) pour police normale [WCAG 2.0 § 1.4.6]
4,5 : contraste minimum (AA) pour police normale [WCAG 2.0 § 1.4.3]
3 : contraste minimum (AA) pour police de “grande” taille (18pt, 14pt gras) [WCAG 2.0 § 1.4.3]

Le contraste de luminance (“relative”), qui ne tient compte ni des couleurs ni de la transparence, suit la définition posée par les règles d'accessibilité du W3C [WCAG 2.0 « contrast ratio »] [WCAG 2.0 « relative luminance »].