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.
Welches Kontrastverhältnis verlangen die WCAG?
Stufe AA verlangt 4,5:1 bei normalem Text und 3:1 bei großem Text und Bedienelementen. Stufe AAA steigt auf 7:1 bei normalem und 4,5:1 bei großem Text.
Wie berechnet man das Kontrastverhältnis zweier Farben?
Es ergibt sich aus der relativen Leuchtdichte der beiden Farben: hellere Leuchtdichte plus 0,05, geteilt durch dunklere plus 0,05. Die Werte reichen von 1:1 bis 21:1, also Schwarz auf Weiß.
Ab wann gilt Text den WCAG als groß?
Die WCAG zählen Text ab 18 pt als groß, bei Fettschrift schon ab 14 pt. Großer Text braucht für Stufe AA nur ein Verhältnis von 3:1 statt der 4,5:1 für normalen Text.