Checker contrasto WCAG
Controlla il rapporto di contrasto tra due colori e la conformità WCAG AA/AAA.
🔒 100 % lato client — nessun dato inviato
Checker contrasto WCAG per testare il rapporto tra colore del testo e sfondo e validare l'accessibilità AA e AAA. Perfetto per rendere le interfacce leggibili da tutti e conformi alle linee guida WCAG. Il rapporto viene calcolato interamente nel tuo browser; nessun colore viene mai trasmesso.
FAQ
Quale rapporto di contrasto è necessario per soddisfare WCAG AA?
Il livello AA richiede un rapporto di almeno 4,5:1 per il testo normale e 3:1 per il testo di grandi dimensioni. Lo strumento mostra immediatamente se i tuoi colori passano.
Qual è la differenza tra i livelli AA e AAA?
AAA è più severo: richiede 7:1 per il testo normale e 4,5:1 per il testo di grandi dimensioni, contro 4,5:1 e 3:1 per AA. AAA mira alla massima accessibilità.
Cosa conta come "testo grande" in WCAG?
Il testo è considerato grande da 18 pt (24 px) normale o 14 pt (18.66 px) in grassetto. In questo caso le soglie di contrasto sono più indulgenti.
Come viene calcolato il rapporto di contrasto?
Confronta la luminanza relativa dei due colori utilizzando (L1 + 0,05)/(L2 + 0,05), fornendo un valore compreso tra 1:1 e 21:1. Lo strumento applica questa formula ufficiale del W3C.