Colore del testo
Colore di sfondo
Contrasto
8.42
- Superato
Testo piccolo
WCAG AA
- Superato
Testo grande
WCAG AA
- Superato
Testo piccolo
WCAG AAA
- Superato
Testo grande
WCAG AAA
Simulazione di Daltonismo
Info:
Testo piccolo: sotto 18pt. Testo grande: 18pt+ o grassetto 14pt+.
Sfondo chiaro
Citazione n. 26
Georg Christoph Lichtenberg
Sfondo scuro
Citazione n. 26
Georg Christoph Lichtenberg
Testo piccolo
Testo grande
Check a whole palette
Paste hex colours (comma or space separated) to check every pair at once.
Storia del Rapporto di Contrasto
Comprendere gli standard WCAG e di accessibilità
Standard WCAG
Le Linee Guida per l'Accessibilità dei Contenuti Web (WCAG) sono state sviluppate dal World Wide Web Consortium (W3C) per rendere i contenuti web più accessibili alle persone con disabilità. I requisiti del rapporto di contrasto sono stati introdotti per garantire che il testo sia leggibile per gli utenti con disabilità visive.
Sviluppo
WCAG 1.0 è stato pubblicato nel 1999, stabilendo i primi requisiti del rapporto di contrasto. WCAG 2.0 (2008) ha raffinato questi standard con formule più precise. WCAG 2.1 (2018) ha aggiunto criteri di successo aggiuntivi. La formula attuale del rapporto di contrasto è stata sviluppata sulla base di ricerche sulla percezione visiva umana e sulla scienza dei colori.
Perché è Importante
Rapporti di contrasto appropriati garantiscono che il testo sia leggibile per tutti, inclusi gli utenti con daltonismo, ipovisione o coloro che visualizzano contenuti alla luce del sole. Questo rende il web più inclusivo e accessibile a milioni di utenti in tutto il mondo.
La Formula
Il rapporto di contrasto viene calcolato utilizzando la luminanza relativa dei colori. Varia da 1:1 (nessun contrasto) a 21:1 (contrasto massimo, come nero su bianco). WCAG AA richiede 4,5:1 per il testo normale e 3:1 per il testo grande. WCAG AAA richiede 7:1 per il testo normale e 4,5:1 per il testo grande.