Molti motori di ricerca classificano le pagine in base a quanto sono ottimizzate per i dispositivi mobili. I caratteri di dimensioni inferiori a 12 px sono spesso difficili da leggere sui dispositivi mobili e potrebbero richiedere agli utenti di aumentare lo zoom per visualizzare il testo con dimensioni adeguate.
Problemi con il controllo della dimensione del carattere di Lighthouse
Lighthouse segnala le pagine con dimensioni dei caratteri troppo piccole per essere lette facilmente sui dispositivi mobili:
Lighthouse segnala le pagine in cui il 40% o più del testo ha dimensioni dei caratteri inferiori a 12 px. Quando una pagina non supera il controllo, Lighthouse elenca i risultati in una tabella con quattro colonne:
Fonte | La posizione di origine del set di regole CSS che causa il testo illeggibile. |
Selettore | Il selettore della serie di regole. |
% di testo della pagina | La percentuale di testo nella pagina interessata dalla serie di regole. |
Dimensione carattere | La dimensione calcolata del testo. |
Come correggere i caratteri illeggibili
Verifica le dimensioni dei caratteri nel CSS. I caratteri devono essere di almeno 12 px su almeno il 60% del testo della pagina.
Come correggere una configurazione dell'area visibile mancante
Se Lighthouse segnala Text is illegible because of a missing viewport config
,
aggiungi un tag <meta name="viewport" content="width=device-width, initial-scale=1">
a <head>
del documento.
Per ulteriori informazioni, consulta il post Non ha un tag <meta name="viewport">
con width
o initial-scale
.
Risorse
Il codice sorgente del controllo Il documento non utilizza dimensioni di carattere leggibili