Sviluppatore🔒 Funziona nel tuo browser

Verificatore di Contrasto Colori

Verificare la conformità WCAG AA/AAA del contrasto dei colori

Colore del testo

Colore di sfondo

Titolo di anteprima

Ecco come apparirà il corpo del testo con questi colori.

E questo è il testo piccolo di riferimento.

Rapporto di contrasto

21.00:1

WCAG AA

Testo normale✓ Superato

Testo grande (18px+)✓ Superato

Componenti UI✓ Superato

WCAG AAA

Testo normale✓ Superato

Testo grande (18px+)✓ Superato

Informazioni su Verificatore di Contrasto Colori

Il Verificatore di Contrasto Colori valuta il rapporto di contrasto tra due colori secondo le linee guida WCAG 2.1. Indica se le combinazioni di colori soddisfano gli standard di accessibilità AA o AAA per testo normale, testo grande e componenti UI. Tutto viene eseguito nel tuo browser.

Domande frequenti

Qual è un buon rapporto di contrasto?

WCAG AA richiede un rapporto minimo di 4,5:1 per il testo normale e 3:1 per il testo grande (18px+ o 14px+ in grassetto). WCAG AAA richiede 7:1 per il testo normale e 4,5:1 per il testo grande. Rapporti più alti significano migliore leggibilità.

Qual è la differenza tra AA e AAA?

AA è lo standard minimo raccomandato per la maggior parte dei contenuti web. AAA è uno standard più rigoroso che offre una migliore leggibilità per gli utenti con disabilità visive. Raggiungere AAA è ideale ma non sempre obbligatorio.

Come viene calcolato il rapporto di contrasto?

Il rapporto di contrasto viene calcolato usando la luminanza relativa di ciascun colore, come definita da WCAG 2.1. La formula confronta i colori più chiaro e più scuro su una scala da 1:1 (nessun contrasto) a 21:1 (contrasto massimo, nero su bianco).

Domande frequenti

Qual è un buon rapporto di contrasto?

Qual è la differenza tra AA e AAA?

Come viene calcolato il rapporto di contrasto?