Veel zoekmachines rangschikken pagina’s op basis van hoe mobielvriendelijk ze zijn. Lettergroottes kleiner dan 12 px zijn vaak moeilijk te lezen op mobiele apparaten en vereisen mogelijk dat gebruikers moeten inzoomen om tekst op een comfortabele leesgrootte weer te geven.
Hoe de Lighthouse-lettergrootte-audit mislukt
Lighthouse markeert pagina's met lettergroottes die te klein zijn om gemakkelijk op mobiel te lezen:
Lighthouse markeert pagina's waarop 40% of meer van de tekst een lettergrootte heeft die kleiner is dan 12 px. Wanneer een pagina de audit niet doorstaat, geeft Lighthouse de resultaten weer in een tabel met vier kolommen:
| Bron | De bronlocatie van de CSS-regelset die de onleesbare tekst veroorzaakt. |
| Selector | De selector van de regelset. |
| % van paginatekst | Het percentage tekst op de pagina dat wordt beïnvloed door de regelset. |
| Lettertypegrootte | De berekende grootte van de tekst. |
Hoe onleesbare lettertypen te repareren
Controleer de lettergroottes in uw CSS. Streef naar een lettergrootte van minimaal 12 px op minimaal 60% van de tekst op uw pagina.
Een ontbrekende viewport-configuratie repareren
Als Lighthouse meldt Text is illegible because of a missing viewport config , voeg dan een <meta name="viewport" content="width=device-width, initial-scale=1"> tag toe aan de <head> van uw document.
Zie het bericht Heeft geen <meta name="viewport"> tag met width of initial-scale voor meer informatie.
Bronnen
De broncode voor het document maakt geen gebruik van een audit voor leesbare lettergroottes