Testo piccolo su dispositivi mobili

Silktide carica ogni pagina su un dispositivo mobile simulato e segnala il testo che è troppo piccolo per essere letto comodamente senza ingrandire. Il testo deve essere visualizzato con una dimensione di almeno 11 pixel sui dispositivi mobili per superare il controllo.

Perché è importante

Un testo che è leggibile su un monitor desktop può risultare illeggibile su un telefono. I visitatori devono strizzare gli occhi, usare il gesto pizzica per ingrandire e scorrere lateralmente riga per riga, oppure rinunciano; inoltre, le persone ipovedenti potrebbero non riuscire a leggerlo affatto. Il testo piccolo si concentra proprio nei punti che i designer smettono di controllare: piè di pagina, didascalie delle foto, note legali e banner dei cookie.

Questo problema è particolarmente comune nei siti progettati prima di tutto per desktop e adattati successivamente ai dispositivi mobili, dove le dimensioni fisse dei caratteri si riducono insieme al layout.

Come risolvere il problema

Aumenta la dimensione del carattere del testo segnalato, in modo che venga visualizzato con almeno 11 pixel sui dispositivi mobili. Per il testo del corpo, punta a una dimensione maggiore: 16 pixel è un valore di base comune per una lettura confortevole sui dispositivi mobili.
Preferisci unità relative (rem, em) nei tuoi rispetto alle dimensioni fisse in pixel, così il testo si adatta alle impostazioni dell'utente.
Quando un design riduce intere sezioni sugli schermi piccoli, usa le media query per mantenere il testo a una dimensione leggibile, lasciando che sia il layout, non il testo, ad adattarsi.

Come Silktide esegue questo controllo

Carica la pagina su un dispositivo mobile simulato.
Esamina ogni elemento di testo visibile che contiene almeno un paio di lettere o numeri. Il testo nascosto e il testo impostato a dimensione zero e destinato esclusivamente all'uso da parte del vengono ignorati.
Misura la dimensione del carattere visualizzata per ogni elemento.
Segnala il testo visualizzato con una dimensione inferiore a 11 pixel.

Risoluzione dei problemi

Il testo di attribuzione delle mappe incorporate viene ignorato automaticamente. Per gli altri widget puoi attivare l'opzione per escludere da questo controllo i contenuti dei plugin di terze parti oppure registrare una per i risultati che accetti.

Il testo è volutamente piccolo

Anche le note in caratteri piccoli devono poter essere lette: di solito è proprio questo un motivo per renderle leggibili, non per rimpicciolirle. Se concludi che uno specifico testo è accettabile, approva il risultato.