Il documento non utilizza dimensioni dei caratteri leggibili

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:

Controllo Lighthouse che mostra che la pagina ha dimensioni dei caratteri illeggibili

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