Come verificare il contrasto colore per l’accessibilità (WCAG)
Pubblicato il 21 settembre 2026 · 2 min di lettura
Un testo che è tecnicamente leggibile per te potrebbe comunque non soddisfare le linee guida di accessibilità per utenti con vista ridotta. Questo strumento calcola il rapporto di contrasto WCAG esatto tra un colore di primo piano e uno di sfondo e ti dice quali livelli di conformità supera.
Prova Verificatore di contrasto colorePassaggi
- 1
Apri lo strumento Verifica Contrasto Colore
Vai al verificatore di contrasto.
- 2
Scegli i tuoi colori di primo piano e sfondo
Scegli il colore del testo e lo sfondo su cui si trova.
- 3
Leggi il rapporto di contrasto
Vedi il rapporto esatto calcolato, come 4.5:1.
- 4
Verifica la conformità
Vedi se la coppia supera gli standard WCAG AA e AAA, sia per testo normale che grande.
Domande frequenti
WCAG AA richiede almeno 4.5:1 per il testo normale (3:1 per testo grande); AAA è più severo, richiedendo 7:1 per testo normale (4.5:1 per testo grande) — questo strumento ti dice esattamente quali livelli soddisfa la tua coppia di colori.
Il testo più grande è intrinsecamente più facile da leggere con contrasto più basso, quindi WCAG imposta una soglia più permissiva per il testo grande (generalmente 18pt o più grande, o 14pt grassetto) rispetto al testo normale del corpo.
Sì — usa la stessa formula di luminanza relativa e rapporto di contrasto definita nella specifica WCAG, non un’approssimazione.
Poiché il controllo è istantaneo ed esatto, questo è un modo rapido per verificare le tue scelte di colore prima che diventino un problema di accessibilità per utenti reali.