Criterio WCAG 1.4.3 · Livello AA GRAVE
Contrasto dei colori insufficiente
È la violazione più diffusa in assoluto: testo che non si stacca abbastanza dallo sfondo e diventa illeggibile per una parte dei visitatori.
Cos'è
Il testo deve avere un rapporto di contrasto sufficiente rispetto al suo sfondo. Le soglie minime richieste sono 4.5:1 per il testo normale e 3:1 per il testo grande (da 24px in su, o da 18.66px se in grassetto). Grigi chiari su bianco, testo colorato tenue e scritte sopra le immagini sono i casi che falliscono più spesso.
Chi ne è penalizzato
Quando questo requisito non è rispettato, una parte reale dei tuoi visitatori non riesce a usare il sito:
- Chi ha una ipovisione o una ridotta sensibilità al contrasto.
- Le persone anziane, la fascia d'età che cresce di più tra chi acquista online.
- Chiunque usi lo schermo alla luce del sole o con un display economico — cioè moltissimi utenti da smartphone.
- Criterio
- WCAG 2.1 — 1.4.3 Contrasto (minimo)
- Livello
- AA
- Norma UE
- EN 301 549 §9.1.4.3
- Italia
- D.Lgs. 82/2022 (recepimento EAA)
Come appare l'errore
Qui il testo del pulsante è azzurro tenue su bianco: un rapporto di circa 1.9:1, ben sotto la soglia. All'occhio di chi ha progettato la pagina sembra leggibile; per molti utenti non lo è.
<button style="color:#9ab0d8; background:#ffffff">
Acquista ora
</button>Come si corregge
Basta scurire il colore del testo fino a superare la soglia. Qui passiamo a un blu profondo con contrasto oltre 8:1, ampiamente conforme.
<button style="color:#1f41c4; background:#ffffff">
Acquista ora
</button>Non serve stravolgere la palette: quasi sempre basta abbassare la luminosità del colore già in uso di uno o due toni. Verifica il risultato con un controllo di contrasto prima di pubblicare.
Vuoi sapere se il tuo sito ha questo problema?
Scansiona il tuo sito gratis →Domande frequenti
Quali sono le soglie di contrasto esatte?
Testo normale: almeno 4.5:1. Testo grande (24px, o 18.66px in grassetto): almeno 3:1. Questi sono i valori richiesti per il livello AA, quello a cui fa riferimento la normativa italiana.
Il grigio chiaro sul bianco è un problema?
Quasi sempre sì. I grigi tenui molto usati per le didascalie e i testi secondari spesso stanno tra 2:1 e 4:1, sotto la soglia. È uno dei fallimenti più comuni in assoluto.
Vale anche per il testo sopra le immagini?
Sì, e lì è più insidioso perché il contrasto cambia da zona a zona dell'immagine. La soluzione è un velo scuro semitrasparente dietro al testo, oppure un box di sfondo.