Verificatore di Contrasto WCAG
Privacy by design — tutto gira nel tuo browser
Scegli testo e sfondo, ottieni il rapporto di contrasto WCAG e i badge AA/AAA per testo normale, testo grande e componenti UI.
Quale rapporto è considerato passato
WCAG AA richiede 4,5:1 per testo normale e 3:1 per testo grande (≥18 px regular o ≥14 px grassetto). AAA innalza i livelli a 7:1 e 4,5:1 rispettivamente.
Cos’è la regola 3:1 per componenti UI
Il criterio 1.4.11 di WCAG 2.1 richiede contrasto 3:1 per icone, bordi di campo e altri elementi UI non testuali che veicolano informazione. Il badge dello strumento copre il caso.
E i colori semi-trasparenti
Sì quando il valore è espresso come rgba e lo sfondo è solido; per più livelli traslucidi servono flat upstream. Lo strumento avvisa se il parser non riesce a leggere il valore.
Domande frequenti
- Quale rapporto è considerato passato?
- WCAG AA richiede 4,5:1 per testo normale e 3:1 per testo grande (≥18 px regular o ≥14 px grassetto). AAA innalza i livelli a 7:1 e 4,5:1 rispettivamente.
- Cos’è la regola 3:1 per componenti UI?
- Il criterio 1.4.11 di WCAG 2.1 richiede contrasto 3:1 per icone, bordi di campo e altri elementi UI non testuali che veicolano informazione. Il badge dello strumento copre il caso.
- E i colori semi-trasparenti?
- Sì quando il valore è espresso come rgba e lo sfondo è solido; per più livelli traslucidi servono flat upstream. Lo strumento avvisa se il parser non riesce a leggere il valore.
- Viene caricato qualcosa?
- No. Il calcolo è una piccola funzione su questa pagina; i colori non lasciano il browser.