Je tekst is te klein voor een telefoon: zo maak je hem leesbaar
Tekst die op je laptop prima leest, is op een telefoon al snel te klein. Google waarschuwt als een flink deel van je tekst kleiner is dan 12 pixels.
In het kud-rapport Je tekst is te klein voor een telefoon
Waarom het uitmaakt
Bezoekers die moeten inzoomen om je tekst te lezen, haken af. En wie niet scherp ziet, kan kleine tekst helemaal niet lezen.
Google kijkt naar de mobiele versie van je site en ziet kleine tekst als een teken van een slechte mobiele ervaring.
Zo los je het op
- Gebruik minimaal 16 pixels voor lopende tekst. Op mobiel is 16 tot 18 pixels prettig.
- Kleine teksten zoals bijschriften en voetnoten: niet onder de 12 tot 14 pixels.
- Gebruik relatieve eenheden zoals
rem, zodat tekst meegroeit als bezoekers hun lettergrootte vergroten. - Let op contrast: kleine lichtgrijze tekst is dubbel zo moeilijk te lezen.
- Houd regels niet te lang; ongeveer 60 tot 75 tekens per regel leest het prettigst.
html { font-size: 100%; } /* 16px, of wat de bezoeker heeft ingesteld */
body { font-size: 1.0625rem; line-height: 1.55; }
small { font-size: .875rem; } /* 14px */Op jouw platform
- WordPress
- In de meeste thema's stel je de basislettergrootte in via Weergave, Customizer, Typografie. Paginabouwers hebben per blok een instelling voor mobiel.
Veelgestelde vragen
Is 14 pixels genoeg voor lopende tekst?
Het kan, maar voelt op een telefoon al snel krap. 16 pixels is de veilige keuze en de standaard van browsers.
Waarom zoomt mijn telefoon in als ik in een formulier tik?
iPhones zoomen in als de tekst in een invoerveld kleiner is dan 16 pixels. Maak die tekst 16 pixels en het probleem is weg.