Verifica contrasto WCAG

Misura il rapporto di contrasto tra testo e sfondo secondo gli standard internazionali WCAG per garantire un'interfaccia accessibile.

14.63: 1
Eccellente — Soddisfa WCAG AAA
Testo normaleMin. 4.5:1
WCAG Livello AA
Superato
Testo normaleMin. 7.0:1
WCAG Livello AAA
Superato
Testo grande / in grassettoMin. 3.0:1
WCAG Livello AA (≥18pt)
Superato
Elementi UI / IconeMin. 3.0:1
Bordi, pulsanti, input
Superato

Esempio di titolo principale

Questo paragrafo dimostra come viene visualizzato il testo normale con la combinazione di colori selezionata. Un buon contrasto previene l'affaticamento visivo e consente a tutti gli utenti di leggere chiaramente su qualsiasi schermo.

Input del modulo...

Verifica contrasto colori WCAG 2.1 per accessibilità web (AA e AAA)

Garantire che i testi su siti web e applicazioni siano facilmente leggibili da tutti gli utenti, inclusi coloro con difficoltà visive o daltonismo, è un requisito legale e professionale indispensabile.

Calcola all'istante il rapporto di contrasto matematico tra il colore del testo e quello dello sfondo, verificando la conformità ai criteri WCAG 2.1 AA (minimo 4.5:1) e AAA (7:1) per testi normali e grandi.

✓Codice e risorse pulite: token e risorse pronti per la produzione senza filigrane né dipendenze esterne.

Quando verificare il contrasto WCAG

Conformità normativa e accessibilità

Assicurati che il tuo sito web rispetti l'European Accessibility Act e le linee guida per la pubblica amministrazione.

Pulsanti, link e card UI

Evita testi chiari su sfondi luminosi che stancano la vista o risultano illeggibili alla luce del sole.

Domande frequenti sul verificatore di contrasto

Il livello WCAG AA richiede un rapporto minimo di 4.5:1 per il testo normale e 3:1 per il testo grande o in grassetto.