Contrasto elevato del testo

Silktide misura la differenza di colore tra il testo delle pagine e lo sfondo che lo circonda e segnala il testo che non raggiunge il requisito più rigoroso dello standard di accessibilità per il contrasto. Questo requisito va oltre il minimo previsto dalla legge, affinché le persone con disabilità visive significative possano leggere i tuoi contenuti.

Perché è importante

Il contrasto minimo previsto dallo standard aiuta la maggior parte dei lettori, ma le persone con una perdita della vista più significativa, all'incirca corrispondente a un'acuità visiva di 20/80, hanno bisogno di una differenza più marcata tra testo e sfondo. Raggiungere lo standard avanzato rende i tuoi contenuti leggibili da questi utenti senza che debbano ricorrere a strumenti di ingrandimento o ad altre .

Questo è un obiettivo di livello delle . La maggior parte delle organizzazioni non è tenuta a raggiungerlo e potrebbe non essere pratico applicarlo a un intero sito web, ma è prezioso ovunque sia possibile farlo, soprattutto per i contenuti rivolti a un pubblico anziano o a persone con disabilità.

Come risolvere il problema

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.
Modifica il colore nel foglio di stile o nelle impostazioni del tema del sito, invece che nelle singole pagine, così la correzione si applica ovunque venga utilizzato quello stile.
Se raggiungere lo standard AAA non è pratico per il tuo design, puoi i risultati, a condizione di continuare a soddisfare il requisito minimo AA verificato da Contrasto del testo.

Come esegue i controlli Silktide

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.
Determina il colore effettivo del testo e dello sfondo, tenendo conto della trasparenza e degli elementi genitori. Viene misurato solo il testo su uno sfondo a tinta unita; il testo posizionato sopra immagini o sfumature non può essere misurato automaticamente.
Calcola il rapporto di contrasto tra i due colori.
Segnala il testo al di sotto del requisito minimo avanzato: 7:1 per il testo normale o 4,5: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

Questa è la versione AAA di due controlli correlati

Questo controllo verifica il criterio di successo WCAG 1.4.6 (livello AAA). La versione di livello AA, molto più comunemente richiesta, verifica il criterio di successo 1.4.3 tramite Contrasto del testo, con soglie più basse (4,5:1 e 3:1). Cerca prima di superare il controllo AA ovunque. I due controlli condividono le tue decisioni: approvare o ignorare un risultato in uno si applica allo stesso risultato nell'altro.

Molti risultati in tutto il sito

Non raggiungere 7:1 è comune: molte tavolozze di colori diffuse non ci arrivano. Correggi prima i contenuti più letti (la navigazione e il testo del corpo nelle pagine principali) e considera il resto una decisione del sistema di design, anziché apportare modifiche pagina per pagina.