WCAG Contrast Checker
Testo normale (16px)
Testo Grande (24px Bold)
The quick brown fox jumps over the lazy dog
Rapporto di contrasto
17.06:1
Eccellente
Conformità WCAG
Domande Frequenti
Tutto quello che devi sapere sull'accessibilità e il contrasto WCAG
Cos'è il contrasto WCAG?
Le linee guida WCAG (Web Content Accessibility Guidelines) definiscono standard di contrasto per garantire che il testo sia leggibile per persone con disabilità visive. Il contrasto è calcolato come rapporto tra la luminanza del colore più chiaro e quello più scuro, con un range da 1:1 (nessun contrasto) a 21:1 (bianco su nero).
Qual è il rapporto di contrasto minimo richiesto?
WCAG 2.1 Livello AA richiede: 4.5:1 per testo normale, 3:1 per testo grande (≥18pt o ≥14pt grassetto) e componenti UI. Livello AAA richiede: 7:1 per testo normale, 4.5:1 per testo grande.
Come migliorare il contrasto?
Per aumentare il contrasto: scurisci il testo (usa nero o grigio scuro invece di grigio chiaro), schiarisci o scurisci lo sfondo, evita colori simili in valore di luminosità. Strumenti come WCAG Contrast Checker o le DevTools del browser possono indicare aree problematiche.
Que rácio de contraste exigem as WCAG?
O nível AA pede 4,5:1 em texto normal e 3:1 em texto grande e elementos de interface. O nível AAA sobe para 7:1 em texto normal e 4,5:1 em texto grande.
Como se calcula o rácio de contraste entre duas cores?
Sai da luminância relativa das duas cores: a luminância mais clara mais 0,05, a dividir pela mais escura mais 0,05. Os valores vão de 1:1 a 21:1, que é preto sobre branco.
Quando é que as WCAG consideram um texto grande?
As WCAG contam o texto como grande a partir de 18 pt, ou a partir de 14 pt se for a negrito. O texto grande precisa apenas de 3:1 no nível AA, contra os 4,5:1 pedidos ao texto normal.