Contrasto cromatico
Scopri come utilizziamo l'intelligenza artificiale per questa regola!
Assicurarsi che il contrasto cromatico tra il testo e lo sfondo rispetti le soglie minime WCAG 2 AA.
Secondo le norme WCAG 2.0 1.4.3 AA, la presentazione visiva del testo deve avere un rapporto di contrasto di almeno 4,5:1 per il testo normale e di 3:1 per il testo di grandi dimensioni. Per testo di grandi dimensioni si intende un testo di almeno 18 pt o un testo in grassetto di 14 pt.
Su questa regola
Questa regola controlla il contrasto cromatico degli elementi di testo statico e del testo all'interno degli elementi interattivi.
Impatto sugli utenti
Il livello di contrasto del colore influisce sulla facilità o difficoltà di distinguere il testo dallo sfondo.
Per le persone con problemi di vista o daltonismo, un testo la cui luminosità è troppo vicina allo sfondo può risultare difficile da leggere.
Conferma
- Effettua una delle seguenti operazioni:
- Apri la tua app in un simulatore, OPPURE
- Fai uno screenshot dell'app sul tuo dispositivo fisico. Invia lo screenshot a te stesso e aprilo sul tuo computer.
- Utilizza un selettore colore per:
- Ottieni il colore più preciso dell'elemento di testo.
- Ottieni il colore più preciso di ogni colore di sfondo dietro il testo.
- Inserisci ogni colore nel Controllore di contrasto Deque per tavolozza colori.
- Troverai una delle seguenti opzioni:
- Accessibile: il rapporto di contrasto del colore soddisfa il minimo richiesto per la dimensione del testo.
- Inaccessibile: il rapporto di contrasto del colore non soddisfa il minimo richiesto per la dimensione del testo.
Come risolvere
Utilizza l'Analizzatore di contrasto Deque per trovare i colori che soddisfano il minimo richiesto in base alla dimensione del testo.