01

Contrasto

Che si tratti di un prodotto digitale o editoriale, è fondamentale saper gestire i colori ed il contrasto per assicurare la leggibilità dei testi e costruire una gerarchia delle informazioni che possa agevolare la comprensione dei contenuti.

illustrazione del contrasto

Perché e (per chi)
è importante?

A volte, nel tentativo di soddisfare i nostri gusti estetici o quelli del cliente, rischiamo di rendere il progetto inaccessibile a molti utenti. Un contrasto troppo basso tra il colore del testo e il colore dello sfondo può causare notevoli difficoltà di fruizione, in particolare, a subire le ripercussioni più gravi sono:


esempio di forte contrasto

Cos'è il rapporto
di contrasto?


Secondo le WCAG, il rapporto (o fattore) di contrasto è la differenza di luminanza relativa tra il colore più chiaro e quello più scuro.
Per essere precisi:

(L1 + 0.05) / (L2 + 0.05), dove

L1 è la luminanza relativa del colore più luminoso
L2 è la luminanza relativa del colore più scuro

LIVELLO AA

I valori minimi del rapporto di contrasto di livello AA sono:

4.5.1

Per i testi con corpo inferiore a 18pt non in grassetto e inferiore a 14pt in grassetto.

3.1

Per i testi con corpo di almeno 18pt non in grassetto e di almeno 14pt in grassetto.

Non hai voglia (o tempo) di fare calcoli?
Controlla il contrasto con questo tool.

Esercitati