Testo piccolo su desktop
Silktide misura la dimensione del testo visualizzato quando le pagine vengono viste su uno schermo desktop e segnala il testo visualizzato con una dimensione inferiore a 12 pixel. Un testo così piccolo è difficile o impossibile da leggere per molte persone.
Perché è importante
Gli schermi desktop si trovano più lontani dal lettore rispetto a un telefono, quindi il testo piccolo è proporzionalmente più difficile da leggere. Un testo inferiore a 12 pixel esclude le persone ipovedenti, affatica i lettori più anziani e spinge tutti gli altri ad avvicinarsi allo schermo o a usare lo zoom. Le principali linee guida di progettazione convergono su una dimensione da 12 a 14 pixel come minimo pratico per il testo principale sui desktop.
Il testo piccolo è raramente una scelta deliberata: di solito si insinua nei testi legali standard, nei piè di pagina e nei contenuti incorporati di terze parti che nessuno rilegge.
Come risolvere il problema
- Aumenta la dimensione del carattere nel tuo ad almeno 12px e, preferibilmente, a 16px per il testo principale.
\/* Problema: troppo piccolo per essere letto comodamente su desktop *\/
.footer-note { font-size: 10px; }
\/* Soluzione: usa una dimensione leggibile, idealmente in unità relative *\/
.footer-note { font-size: 0.875rem; } \/* 14px con le impostazioni predefinite *\/
- Preferisci le unità relative (
rem,em) ai pixel fissi, in modo che il testo venga ridimensionato anche quando gli utenti modificano la dimensione predefinita del carattere nel browser. - Se il testo segnalato è effettivamente adeguato per le sue dimensioni, ad esempio perché è un elemento decorativo, puoi il risultato.
Come Silktide esegue il controllo
- Esegue il rendering di ogni pagina alle dimensioni di uno schermo desktop.
- Misura la dimensione finale calcolata di ogni porzione di testo visibile, dopo l'applicazione di tutto il CSS.
- Ignora il testo nascosto, il testo destinato esclusivamente agli e i frammenti più corti di 2 caratteri, come i glifi delle icone.
- Segnala il testo visualizzato con una dimensione inferiore a 12 pixel.
Se il tuo sito web è configurato per escludere i contenuti di terze parti, il testo contenuto nei plugin di terze parti conosciuti non viene segnalato.
Risoluzione dei problemi
Il testo appare corretto sul mio schermo
Gli schermi ad alta risoluzione e le impostazioni personali dello zoom possono far sembrare accettabile il testo piccolo sul tuo dispositivo, anche se rimane troppo piccolo con le impostazioni predefinite. Il controllo misura la dimensione in pixel CSS da cui parte il browser di ogni visitatore.
E per i dispositivi mobili?
La dimensione del testo nella versione mobile delle tue pagine viene testata separatamente da testo piccolo, che usa una soglia adatta agli schermi mobili.