Verificatore di Contrasto Colore
Verifica i rapporti di contrasto dei colori per la conformità WCAG 2.1. Convalida gli standard AA e AAA istantaneamente.
Cos'è il rapporto di contrasto WCAG?
Il rapporto di contrasto WCAG misura la differenza di luminanza tra colori di primo piano e sfondo. Va da 1:1 a 21:1.
Quali sono i requisiti WCAG AA e AAA?
WCAG AA richiede un minimo di 4.5:1 per testo normale e 3:1 per testo grande. AAA richiede 7:1 e 4.5:1.
Cosa conta come testo grande?
Testo grande è definito come 18pt (24px) o più grande, o 14pt (18.66px) grassetto o più grande.
Perché il contrasto dei colori è importante?
Un contrasto adeguato garantisce la leggibilità per persone con disabilità visive e migliora la leggibilità per tutti.
Come calcolo il rapporto di contrasto?
Si calcola usando i valori di luminanza relativa. La formula è (L1 + 0.05) / (L2 + 0.05).
Qual è il contrasto minimo per elementi UI?
WCAG richiede un minimo di 3:1 per componenti UI e oggetti grafici.
Posso usare qualsiasi combinazione di colori?
Non tutte le combinazioni soddisfano gli standard di accessibilità. Usa questo verificatore per convalidare.
Cos'è la luminanza relativa?
È la luminosità percepita di un colore, da 0 (nero) a 1 (bianco). Calcolata usando lo spazio colore sRGB.
Devo controllare il contrasto delle immagini?
Il testo nelle immagini deve soddisfare gli stessi requisiti. Per immagini decorative non si applica.
Quali strumenti aiutano con il contrasto?
Usa strumenti per sviluppatori del browser, plugin di design o verificatori online come questo.