Leesbaarheid: Regellengte en Regelafstand Begrijpen

Regellengte bepaalt hoeveel tekst op één regel past. Je kent het vast wel — een pagina waar je ogen heen en weer schieten omdat de regels te lang zijn. Of omgekeerd, regels zo kort dat je constant naar de volgende regel springt. Beide situaties maken lezen vermoeiend.

Onderzoek toont aan dat tussen 45 en 75 karakters per regel (CPL) ideaal is. Dit bereik zorgt ervoor dat je ogen niet te veel moeten werken. De meeste typografen mikken op 55-65 karakters voor digitale inhoud. Waarom? Omdat het brein sneller informatie kan verwerken als je ogen niet constant van links naar rechts hoeven te reizen.

Regelafstand is de verticale ruimte tussen twee tekstregels. We noemen dit ook wel ‘line-height’ in CSS. Dit is net zo belangrijk als regellengte, alleen veel mensen negeren het. Te dichte regels voelen claustrofobisch. Te veel ruimte en het voelt gefragmenteerd.

Voor body-tekst op het web adviseren typografen een regelafstand tussen 1.4 en 1.8 keer de lettergrootte. Voor een font van 16px betekent dit tussen 22px en 29px ruimte. Dit klinkt veel, maar geloof me — je ogen zullen je dankbaar zijn. Vooral bij langere tekstblokken merk je het verschil echt.

Wij gebruiken 1.6 als standaard. Dit is groot genoeg voor comfortabel lezen, maar niet zo extreem dat het gappy voelt. Het is de sweet spot.

In CSS implementeer je regellengte via de max-width eigenschap. Je wilt je tekstcontainer niet breder maken dan nodig. Hier’s het basisrecept:

De ch eenheid staat voor ‘characters’ — precies wat je nodig hebt. 65ch zorgt dat ongeveer 65 karakters op één regel passen, ongeacht de lettergrootte. De line-height van 1.6 voegt voldoende ruimte toe.