Contrasto (avanzato)

Cosa richiede

A livello AAA, il testo del corpo deve raggiungere un contrasto cromatico di 7:1 e il testo grande (18pt / 14pt grassetto) deve raggiungere 4,5:1. Le stesse esenzioni del criterio 1.4.3 si applicano — loghi, testo decorativo, controlli inattivi — ma il requisito è circa il doppio più restrittivo. È pensato per gli utenti con ipovisione da moderata a grave, per i quali un rapporto di 4,5:1 risulta ancora difficile da leggere in condizioni di scarsa illuminazione.

Come soddisfarlo

• Utilizzare uno strumento per la verifica del contrasto cromatico che mostri sia il risultato AA che il risultato AAA; puntare alla colonna AAA.
• Per il testo del corpo su sfondo bianco, un colore di primo piano più scuro di #595959 supera generalmente il rapporto 7:1.
• Per la modalità scura, un colore di primo piano più chiaro di #b3b3b3 su uno sfondo quasi nero supera generalmente il requisito.
• Utilizzare nero puro su bianco puro dove il brand lo consente — è il rapporto più sicuro a 21:1.
• Abbinare il contrasto AAA a un’opzione per l’utente se la modalità ad alto contrasto risulterebbe incompatibile con il brand nel tema predefinito.

Errori comuni

• Testo del corpo in grigio medio (#666) che supera il rapporto 4,5:1 ma non raggiunge il 7:1 — mancarlo di poco è comunque un fallimento.
• Pulsanti CTA con colori del brand che raggiungono 4,5:1 ma non 7:1 — la maggior parte non li raggiunge.
• Tema ad alto contrasto che non soddisfa il criterio di successo 1.4.11 sul contrasto degli elementi non testuali, anche quando il contrasto del testo è sufficiente.

Perché è importante

Il livello AAA è raramente richiesto contrattualmente, ma il supporto per un tema ad alto contrasto è sempre più atteso nei contesti governativi e in quelli con forte presenza di tecnologie assistive. Il percorso più efficiente è offrire un tema ad alto contrasto opzionale che soddisfi il rapporto 7:1, senza costringere il tema predefinito ad allontanarsi dal brand.