Accessibilità: preparare il testo e la grafica

Tempo di lettura: 2 min.
I visitatori con problemi di vista potrebbero avere difficoltà a capire la differenza tra il primo piano e lo sfondo delle pagine del tuo sito. Per aumentare l'accessibilità per loro, ti consigliamo di fare quanto segue:
  • Modificare il colore del testo e il contrasto del colore di sfondo a un rapporto di 4,5: 1 per il testo normale e 3: 1 per il testo di grandi dimensioni
  • Un rapporto di contrasto di almeno 3: 1 per la grafica e i componenti dell'interfaccia utente (come i bordi di input del modulo, i testi segnaposto, ecc.)
  • Il livello AAA richiede un rapporto di contrasto maggiore di almeno 7: 1 per il testo normale e di 4.5: 1 per il testo di grandi dimensioni
Nota:
Il testo grande è definito come superiore a 14 punti (circa 18 px) e grassetto, o 18 punti (circa 24 px).
Testare i contrasti di colore
Esistono numerosi siti e plug-in per il browser come Contrast Checker che verifica il contrasto del colore confrontando i colori degli elementi in primo piano e di sfondo (utilizzando i codici dei colori). Per controllare il contrasto del colore per il testo su un'immagine di sfondo, ti consigliamo di utilizzare Colour Contrast Analyzer che ti permette di scegliere il colore dello sfondo e poi di provarlo.
Stai visualizzando grafici o dati sul tuo sito?
Il colore ad alto contrasto è un ottimo modo per visualizzare i dati sul tuo sito. Tuttavia, ti consigliamo di utilizzare anche altri indicatori (come aspetto e pattern) per differenziare le informazioni.
Prossimo passo:
Torna alla Lista di cose da fare per l'accessibilità per continuare a migliorare il tuo sito per l'accessibilità.

Hai trovato utile questo articolo?