Verificatore di contrasto WCAG
Rapporto di contrasto WCAG 2.1 tra un colore di primo piano e uno di sfondo, con esito superato / non superato sulle soglie di accessibilità standard.
Testo di esempioMa la volpe, col suo balzo, ha raggiunto il quieto Fido.
Rapporto di contrasto17.40:1
✓ AA GrandeTesto 18pt+ o 14pt+ in grassetto≥ 3.0:1
✓ AATesto normale sotto 18pt≥ 4.5:1
✓ AAA GrandeTesto grande, contrasto migliorato≥ 4.5:1
✓ AAATesto normale, contrasto migliorato≥ 7.0:1
Cos'è un rapporto di contrasto?
Il rapporto di contrasto WCAG 2.x misura la differenza in luminanza relativa tra due colori — essenzialmente, quanto uno è più luminoso dell'altro considerando la percezione umana della luminosità nei canali RGB (il verde contribuisce di più, il blu di meno). I rapporti vanno da 1:1 (identici) a 21:1 (nero puro su bianco puro).
Soglie WCAG
- 3:1 (AA Grande) — minimo per testo 18pt o più, o 14pt o più in grassetto.
- 4.5:1 (AA) — minimo per testo normale sotto i 18pt. La soglia più citata.
- 7:1 (AAA) — contrasto migliorato per testo normale. Aspirazionale; richiesto solo in contesti governativi e ad alta accessibilità.
I componenti di UI e gli oggetti grafici (icone, bordi di moduli) richiedono un rapporto minimo di 3:1 rispetto ai colori adiacenti secondo WCAG 2.1 SC 1.4.11.