# Gli elementi devono soddisfare le soglie minime del rapporto di contrasto di colore

<https://www.fixreports.com/it/issues/color-contrast>

WCAG 1.4.3 Contrast (Minimum) · Livello AA

Alcuni testi non si distinguono abbastanza dallo sfondo per essere letti dalle persone ipovedenti.

## Cosa controlla questa regola
Assicurati che il contrasto tra i colori in primo piano e di sfondo soddisfi le soglie minime del rapporto di contrasto WCAG 2 AA.

## Perché è importante
Il criterio WCAG 1.4.3 richiede un rapporto di contrasto di almeno 4.5:1 per il testo normale e 3:1 per il testo grande. Prezzi, badge e banner sbiaditi sono difficili da leggere per le persone ipovedenti, e per tutti in piena luce.

## Come correggerlo
### Su qualsiasi sito web
1. Trova il testo a basso contrasto e annota il colore del testo e quello dello sfondo: uno strumento di verifica del contrasto o gli strumenti per sviluppatori del browser li mostrano entrambi.
2. Modifica il colore del testo o dello sfondo nel CSS del tuo tema finché il rapporto non è almeno 4.5:1 (3:1 per il testo da 24px in su, o da 18,66px in grassetto).
3. Presta particolare attenzione ai badge dei saldi, al testo segnaposto, ai link del footer e ai pulsanti sopra le immagini.

### Su Shopify
1. Trova il testo a basso contrasto e annota il colore del testo e quello dello sfondo: uno strumento di verifica del contrasto o gli strumenti per sviluppatori del browser li mostrano entrambi.
2. In Negozio online > Temi > Personalizza > Impostazioni del tema > Colori, scurisci il colore del testo o schiarisci lo sfondo della combinazione di colori interessata finché il rapporto non è almeno 4.5:1.
3. Presta particolare attenzione ai badge dei saldi, al testo segnaposto, ai link del footer e ai pulsanti sopra le immagini.

### Su WooCommerce e WordPress
1. Trova il testo a basso contrasto e annota il colore del testo e quello dello sfondo: uno strumento di verifica del contrasto o gli strumenti per sviluppatori del browser li mostrano entrambi.
2. Modifica il colore del testo o dello sfondo nel CSS del tuo tema finché il rapporto non è almeno 4.5:1 (3:1 per il testo da 24px in su, o da 18,66px in grassetto).
3. Presta particolare attenzione ai badge dei saldi, al testo segnaposto, ai link del footer e ai pulsanti sopra le immagini.

## Come verificare la correzione
- Esegui di nuovo la scansione e verifica che color-contrast non compaia più.
- Fai una verifica a campione con uno strumento di controllo del contrasto sui colori esatti.

## Fonti
- Documentazione della regola axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/color-contrast
- Comprendere il criterio WCAG 1.4.3 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum