Quale contrasto di colore deve avere il mio sito web?

Testo ordinario richiede 4,5:1, testo grande 3:1

Per la maggior parte del testo su un sito web si applica un rapporto di contrasto minimo di 4,5 a 1 tra il colore del testo e il colore di sfondo. Per testo grande — a partire da circa 18 punti, o da 14 punti per testo in grassetto — è sufficiente un rapporto di 3 a 1. Lo stesso limite minimo di 3 a 1 si applica anche ai componenti dell'interfaccia utente, come il bordo di un campo di input o un pulsante, e agli elementi grafici necessari per comprendere qualcosa, come un'icona senza didascalia.

Non tutto rientra in questo requisito. Il testo in un logo, il testo puramente decorativo senza significato, e il testo che si trova occasionalmente in una foto senza funzione, sono esclusi. Anche un elemento di controllo disabilitato — un pulsante grigio che in quel momento non è cliccabile — non deve conformarsi allo standard. Una scansione automatica è in grado di misurare i rapporti di contrasto e confrontarli con lo standard, ma la valutazione di queste eccezioni — questa icona è decorativa, questo testo fa parte di un logo — richiede un controllo manuale, e questo è esattamente la parte che una scansione non copre.

Questo si trova in WCAG 2.1, criteri di successo 1.4.3 e 1.4.11

Questi requisiti derivano direttamente da WCAG 2.1, il framework di conformità su cui EN 301 549 si basa nella pratica. Il criterio di successo 1.4.3, Contrasto (Minimo), stabilisce il limite di 4,5 a 1 per testo ordinario e 3 a 1 per testo grande. Il criterio di successo 1.4.11, Contrasto di contenuto non testuale, stabilisce lo stesso limite minimo di 3 a 1 per i componenti dell'interfaccia utente e per gli oggetti grafici necessari per comprenderne la funzione. Entrambi i criteri appartengono al livello AA, il livello che la direttiva richiede.