Couleur du texte
Couleur de fond
Contraste
8.42
- Réussi
Petit texte
WCAG AA
- Réussi
Grand texte
WCAG AA
- Réussi
Petit texte
WCAG AAA
- Réussi
Grand texte
WCAG AAA
Simulation de daltonisme
Info :
Petit texte : moins de 18pt. Grand texte : 18pt+ ou gras 14pt+.
Fond clair
Citation n. 26
Georg Christoph Lichtenberg
Fond sombre
Citation n. 26
Georg Christoph Lichtenberg
Petit texte
Grand texte
Check a whole palette
Paste hex colours (comma or space separated) to check every pair at once.
Histoire du ratio de contraste
Comprendre les normes WCAG et d'accessibilité
Normes WCAG
Les Règles pour l'accessibilité des contenus Web (WCAG) ont été développées par le World Wide Web Consortium (W3C) pour rendre le contenu Web plus accessible aux personnes handicapées. Les exigences de ratio de contraste ont été introduites pour garantir que le texte soit lisible pour les utilisateurs ayant des déficiences visuelles.
Développement
WCAG 1.0 a été publié en 1999, établissant les premières exigences de ratio de contraste. WCAG 2.0 (2008) a affiné ces normes avec des formules plus précises. WCAG 2.1 (2018) a ajouté des critères de succès supplémentaires. La formule actuelle de ratio de contraste a été développée sur la base de recherches sur la perception visuelle humaine et la science des couleurs.
Pourquoi c'est important
Des ratios de contraste appropriés garantissent que le texte est lisible pour tous, y compris les utilisateurs daltoniens, malvoyants ou ceux qui consultent du contenu en plein soleil. Cela rend le Web plus inclusif et accessible à des millions d'utilisateurs dans le monde.
La formule
Le ratio de contraste est calculé en utilisant la luminance relative des couleurs. Il varie de 1:1 (aucun contraste) à 21:1 (contraste maximum, comme noir sur blanc). WCAG AA exige 4,5:1 pour le texte normal et 3:1 pour le grand texte. WCAG AAA exige 7:1 pour le texte normal et 4,5:1 pour le grand texte.