Vai al contenuto
SilktideAiuto

Contrasto del testo

Silktide misura la differenza di colore tra il testo nelle pagine e lo sfondo dietro di esso, e segnala il testo il cui colore è troppo simile a quello dello sfondo per poter essere letto comodamente. Questo è lo standard minimo di contrasto richiesto dalla maggior parte delle leggi sull'accessibilità.

Perché è importante

Il testo con contrasto basso è uno dei problemi di accessibilità più comuni e più dannosi sul web. Le persone ipovedenti, i lettori anziani e chiunque utilizzi uno schermo alla luce diretta del sole o con una luminosità bassa possono trovare il testo grigio chiaro su sfondo bianco praticamente invisibile. Poiché i requisiti minimi di contrasto fanno parte del di - lo standard a cui fanno riferimento la maggior parte delle leggi e dei contratti - il mancato rispetto comporta anche rischi legali.

Come risolvere il problema

  1. Scurisci il testo o schiarisci lo sfondo (oppure fai il contrario nei design scuri) finché la coppia non raggiunge il rapporto richiesto. Ogni risultato mostra i due colori, il misurato e il rapporto richiesto.
  2. Modifica il colore nel foglio di stile o nelle impostazioni del tema del tuo sito, invece che nelle singole pagine, in modo che la correzione si applichi ovunque venga utilizzato quello stile.
  3. Se ritieni accettabile un risultato - ad esempio un testo in stile segnaposto intenzionalmente attenuato - puoi .

Come Silktide esegue i controlli

  1. Esamina ogni elemento di testo visibile nella pagina, ignorando il testo nascosto, il testo all'interno di grafiche SVG e gli elementi che hai escluso dai controlli.
  2. Determina il colore effettivo del testo e quello dello sfondo, tenendo conto della trasparenza e degli elementi genitori. Qui viene misurato solo il testo su uno sfondo a tinta unita; il testo posizionato sopra immagini o gradienti viene gestito da Contrasto del testo sulle immagini.
  3. Calcola il rapporto di contrasto tra i due colori.
  4. Segnala il testo al di sotto del minimo richiesto: 4,5:1 per il testo normale o 3:1 per il testo grande. Il testo è considerato grande quando ha una dimensione di almeno 18 punti (24 pixel) oppure di almeno 14 punti (circa 19 pixel) con un peso grassetto (600 o superiore).

Risoluzione dei problemi

Il testo sopra una foto o un gradiente non viene segnalato qui

Quando lo sfondo è un'immagine o un gradiente, non esiste un singolo colore di sfondo con cui effettuare la misurazione; per questo questi casi vengono segnalati separatamente da Contrasto del testo sulle immagini.

Questa è la versione AA di due controlli correlati

Questo controllo verifica il criterio di successo WCAG 1.4.3 (livello AA), il minimo ampiamente richiesto. Una versione più severa di livello AAA, il criterio di successo 1.4.6, viene verificata da Contrasto elevato del testo. I due controlli condividono le tue decisioni: approvare o ignorare un risultato in uno si applica allo stesso risultato nell'altro.

Il testo mi sembra leggibile

Un contrasto che appare accettabile sul tuo schermo può comunque non superare il controllo per altre persone: monitor, impostazioni di luminosità e capacità visiva variano enormemente. Il rapporto misurato è oggettivo; fai affidamento su questo più che su un'impressione visiva.

Per saperne di più

Ultimo aggiornamento

Questa pagina è stata utile?