Contrasto cromatico

This page is not available in the language you requested. You have been redirected to the English version of the page.
Link to this page copied to clipboard
Not for use with personal data

WCAG 2.0 - 1.4.3 AA Impatto - Grave

Scopri come utilizziamo l'intelligenza artificiale. 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

  1. Effettua una delle seguenti operazioni:
    • Apri la tua app in un emulatore, OPPURE
    • Fai uno screenshot dell'app sul tuo dispositivo fisico. Invia lo screenshot a te stesso e aprilo sul tuo computer.
  2. Utilizza un selettore colore per:
    1. Ottieni il colore più preciso dell'elemento di testo.
    2. Ottieni il colore più preciso di ogni colore di sfondo dietro il testo.
  3. Inserisci ogni colore nel Controllore di contrasto Deque per tavolozza colori.
  4. 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.

Risorse

Deque University Course Pages (Subscription Required)

Altre risorse