Verifica del contrasto dei colori
Controlla se il testo sarà davvero leggibile, secondo lo standard di accessibilità.
- Funziona nel tuo browser — il tuo testo non viene mai inviato da nessuna parte
- Nessuna registrazione, nessuna quota, gratis da usare quante volte vuoi
Come funziona
Il testo grigio chiaro su bianco è il difetto di accessibilità più comune sul web, ed è del tutto evitabile. Le linee guida sull'accessibilità definiscono il contrasto come un rapporto preciso, quindi stabilire se un abbinamento supera il controllo è questione di aritmetica, non di opinione.
Come viene calcolato il rapporto
La luminanza relativa di ciascun colore viene calcolata come specificano le linee guida, con la correzione gamma applicata per canale, e il rapporto viene preso tra il più chiaro e il più scuro. Il risultato corrisponde a ciò che riporterà un audit di accessibilità, perché la formula è la stessa.
Le soglie
Il testo normale richiede 4.5:1 per AA e 7:1 per AAA. Il testo grande, circa 24px, o 18.7px se in grassetto, richiede solo 3:1 per AA e 4.5:1 per AAA. I componenti dell'interfaccia e la grafica significativa richiedono 3:1. AA è ciò che richiedono la maggior parte delle organizzazioni e della legislazione.
Perché al testo grande è richiesto meno
Le lettere più grandi hanno più pixel in ogni tratto, quindi restano leggibili con un contrasto inferiore. Per questo un titolo può usare un grigio più chiaro di quello del testo del corpo.
Cosa il rapporto non cattura
Non dice nulla sul daltonismo, che è un controllo a parte, né sul fatto che il testo sia abbastanza grande o il carattere leggibile. Un rapporto che supera il controllo è la soglia minima, non la prova di un design leggibile.
Verifica del contrasto dei colori: domande
Che rapporto di contrasto mi serve?
4.5:1 per il testo normale a livello AA, 3:1 per il testo grande. Il livello AAA li porta a 7:1 e 4.5:1.
Cosa conta come testo grande?
Circa 24px e oltre, oppure 18.7px e oltre se in grassetto.
Superare il controllo significa che il mio design è accessibile?
No. Il contrasto è un requisito tra molti; non dice nulla sul daltonismo, sulla dimensione del testo o sulla leggibilità.