Wat is een goede regelafstand?
Een goede regelafstand is ongeveer anderhalf keer je lettergrootte. Bij tekst van zestien pixels komt dat neer op vierentwintig pixels tussen de regels.
Te krap laat je tekst als een blok ogen.
Te ruim laat de regels uit elkaar vallen.
Waarom anderhalf
Bij die verhouding vindt je oog vanzelf de volgende regel terug. Dat is precies wat leesbaarheid is.
Meer daarover lees je bij accessibility.
Bij koppen
Daar mag het krapper: rond de eenentwintig honderdsten boven de lettergrootte. Grote letters hebben minder ruimte nodig.
Meer daarover lees je bij design system.
De regellengte
Die hangt ermee samen. Bij lange regels heb je meer regelafstand nodig om je plek terug te vinden.
Meer daarover lees je bij wat typografie is.
Mijn vuistregels
- Lopende tekst: anderhalf.
- Koppen: krapper.
- Vijfenzestig tot vijfenzeventig tekens per regel.
- Meer ruimte tussen alinea’s dan tussen regels.
Die laatste maakt je alinea’s als blokken herkenbaar.
Wat de toegankelijkheidsnorm zegt
Dat je bezoeker de regelafstand moet kunnen vergroten tot anderhalf zonder dat er tekst wegvalt.
Meer daarover lees je bij css.
Op een telefoon
Daar mag het iets ruimer, omdat je regels korter zijn en je scherm dichterbij is.
Meer daarover lees je bij mobile first.
Wat ik in de praktijk zie misgaan
De regelafstand wordt aangepast terwijl de regellengte het probleem is.
Dat gaat zo: een tekst leest zwaar, iemand zet de regels verder uit elkaar, en het leest nog steeds zwaar. De oorzaak zat namelijk in de breedte. Een alinea die over de volle breedte van een groot scherm loopt, is honderdvijftig tekens per regel, en dan raakt je oog bij het terugspringen de volgende regel kwijt.
Meer ruimte tussen de regels helpt daar maar een klein beetje tegen.
Wat ik daarom als eerste doe is de tekstkolom begrenzen op ongeveer vijfenzestig tekens per regel, ook als het scherm veel breder is. Daarna pas kijk ik naar de afstand ertussen.
In die volgorde is het meestal in tien minuten opgelost, en scheelt het meer dan welke lettertypekeuze ook.
Meer daarover lees je bij whitespace.