WCAG Contrast Checker

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).

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.

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.