Contrasto del testo sulle immagini

Silktide individua il testo posizionato direttamente sopra un'immagine o un gradiente, dove il contrasto tra il testo e lo sfondo non può essere misurato automaticamente. Questi elementi richiedono una verifica visiva per confermare che il testo sia leggibile.

Perché è importante

I banner principali e gli sfondi fotografici sono alcuni dei contesti più comuni in cui il contrasto non è sufficiente. Una fotografia presenta aree chiare e scure, quindi il testo leggibile su una parte dell'immagine può scomparire su un'altra; inoltre, l'immagine può spostarsi sotto il testo al variare delle dimensioni dello schermo. Le persone ipovedenti sono quelle più penalizzate, ma il testo sopra una fotografia ricca di dettagli affatica tutti.

Si applicano gli stessi requisiti minimi previsti per il testo normale: richiede un di almeno 4,5:1 per il testo normale e 3:1 per il testo grande (almeno 18 punti oppure 14 punti in grassetto), misurato rispetto all'area dell'immagine dietro al testo.

Come risolvere il problema

Controlla visivamente ogni elemento segnalato. Il testo deve rispettare il rapporto richiesto rispetto a ogni parte dell'immagine sopra cui può trovarsi, comprese le altre dimensioni dello schermo in cui l'immagine potrebbe riposizionarsi.
Quando il contrasto è dubbio, aggiungi una sovrapposizione opaca o semitrasparente tra l'immagine e il testo, oppure sposta completamente il testo fuori dall'immagine.
Anche scegliere immagini più uniformi e meno movimentate dietro al testo può essere utile, ma ricorda che in seguito l'immagine potrebbe essere sostituita dai responsabili dei contenuti: una sovrapposizione è più sicura.
Se il testo è chiaramente leggibile, il risultato.

Come esegue i controlli Silktide

Esamina ogni testo visibile nella pagina, ignorando il testo nascosto, il testo contenuto nella grafica SVG e gli elementi che hai escluso dai controlli.
Individua il testo il cui sfondo è un'immagine o un gradiente anziché un colore uniforme. Il testo su colori uniformi viene misurato automaticamente da Contrasto del testo.
Ignora gli sfondi che non possono influire sul testo, ad esempio le immagini di sfondo con dimensioni pari a zero e le immagini di sfondo piccole che non coprono gli elementi degli elenchi (in genere icone personalizzate usate come punti elenco).
Segnala il testo rimanente affinché tu possa confermarlo, mostrando il colore del testo e i livelli di sfondo coinvolti. Poiché un'immagine non ha un singolo colore, il rapporto non può essere calcolato automaticamente.

Risoluzione dei problemi

Il controllo segnala un testo chiaramente leggibile

È previsto: questo controllo non può misurare il contrasto delle immagini, quindi preferisce mostrarti tutti i casi possibili. Esamina e approva quelli corretti: resteranno approvati nelle scansioni future.

L'immagine appare corretta sul mio schermo

Controlla anche schermi più piccoli e più grandi. I layout adattivi spostano il testo rispetto all'immagine, quindi il testo che si trova sopra un'area scura su un computer desktop può trovarsi sopra un'area chiara su un dispositivo mobile.