Qual è il contrasto minimo richiesto dal WCAG?

WCAG 2.1 richiede un rapporto di contrasto minimo di 4.5:1 per testo normale (AA) e 3:1 per testo grande (sopra 18pt o 14pt bold). Il livello AAA richiede 7:1 per testo normale e 4.5:1 per testo grande.

Come si calcola il rapporto di contrasto?

Il rapporto di contrasto si calcola confrontando la luminanza relativa di due colori con la formula: (L1 + 0.05) / (L2 + 0.05), dove L1 è la luminanza del colore più chiaro. Un rapporto di 1:1 significa nessun contrasto, 21:1 è il massimo (bianco su nero).

// Tool gratuito

TEST CONTRASTO
COLORI WCAG

Scegli colore testo e sfondo, verifica istantaneamente se rispettano gli standard di accessibilità WCAG 2.1 (livelli AA e AAA).

Colore testo (foreground)

Colore sfondo (background)

Questo è un esempio di testo normale (16px) con i colori selezionati. Verifica che sia leggibile.

TESTO GRANDE (24px / Bold)

—

Rapporto di contrasto

—

Testo normale

—

Testo grande

AAA

—

Testo normale

AAA

—

Testo grande

TEST CONTRASTOCOLORI WCAG

Alternative con contrasto migliore

Gestisci preferenze cookie

TEST CONTRASTO
COLORI WCAG