Je kunt de beste tekst van de wereld schrijven, maar als hij er niet uitnodigend uitziet, leest niemand hem. Een bezoeker beslist binnen een oogopslag of een stuk tekst de moeite waard lijkt of te veel werk. Dat oordeel gaat niet over de inhoud, maar over de vorm: de lettergrootte, de regellengte, de ruimte en het contrast. In deze gids kijken we hoe je tekst zo vormgeeft dat mensen er vanzelf in stappen en blijven lezen, in plaats van na de eerste regel weg te klikken.
Waarom leesbaarheid een ontwerpkwestie is
Lezen op een scherm is vermoeiender dan op papier. Het licht straalt naar je toe, de afleiding ligt op de loer en de bezoeker heeft haast. Daardoor is hij sneller geneigd om af te haken zodra een tekst te veel inspanning vraagt. Leesbaarheid is dus geen luxe maar een voorwaarde om überhaupt gelezen te worden.
Het mooie is dat leesbaarheid grotendeels in het ontwerp zit, niet in de woorden. Dezelfde tekst kan ondoenlijk of moeiteloos lezen, puur door de vorm. Hoe je teksten daarnaast ook in de schrijfwijze toegankelijk houdt, lees je in de blog over scanbare teksten.
Lettergrootte en regelafstand
De basis van leesbaarheid is een comfortabele lettergrootte. Wat op je eigen grote scherm netjes oogt, kan op een telefoon te klein zijn om prettig te lezen. Kies daarom liever iets te groot dan te klein; comfortabel lezen weegt zwaarder dan een compacte, nette indruk.
Naast de grootte telt de ruimte tussen de regels. Te krappe regelafstand laat tekst opeengepakt ogen en maakt het lastig om de juiste volgende regel te vinden. Een ruime regelafstand geeft het oog lucht. Hoe lettertype en leesbaarheid samenhangen, beschrijf ik in de gids over lettertypes kiezen.
Niemand klikt weg omdat een tekst te goed leesbaar is; het tegenovergestelde gebeurt voortdurend.
Regellengte: niet te lang, niet te kort
De lengte van een tekstregel is een onderschatte factor. Een regel die de hele breedte van een groot scherm vult, dwingt het oog elke keer ver terug te springen, en regelmatig raak je dan de draad kwijt. Een te korte regel hakt de tekst juist in stukjes en verstoort het ritme.
De prettigste leesregel ligt ergens rond de zestig tot vijfenzeventig tekens. Op brede schermen betekent dat: de tekstbreedte bewust begrenzen in plaats van de tekst de hele pagina te laten vullen. Dat is precies waarom goed ontworpen artikelen een rustige, smalle kolom hebben in plaats van tekst van rand tot rand.
Witruimte als rustpunt
Witruimte is een van de sterkste leeshulpmiddelen die er zijn. Ruimte tussen alinea's, rond koppen en aan de randen geeft het oog rustpunten en maakt een tekst overzichtelijk. Een blok tekst dat opeengepakt staat, oogt als werk; dezelfde tekst met lucht eromheen oogt uitnodigend.
- Lucht tussen alinea's laat de lezer adem halen en de structuur zien.
- Korte alinea's ogen lichter dan lange blokken, ook al staat er evenveel.
- Ruimte rond koppen maakt duidelijk waar een nieuw onderdeel begint.
Hoe ruimte je hele ontwerp rustiger maakt, raakt aan de blog over whitespace en rust in ontwerp.
Contrast zonder vermoeidheid
Tekst moet voldoende afsteken tegen de achtergrond. Lichtgrijze tekst op wit oogt stijlvol, maar kost moeite om te lezen, zeker bij fel zonlicht of op een minder scherp scherm. Voldoende contrast is daarom geen detail maar een voorwaarde, en het komt bovendien iedereen ten goede die wat minder scherp ziet.
Tegelijk hoeft contrast niet hard te zijn. Een heel donkere tekst op spierwit kan juist vermoeien. Een rustige, donkere tint op een zacht witte achtergrond leest vaak het prettigst. Hoe je dat afweegt voor iedereen, beschrijf ik in de gids over toegankelijk ontwerpen.
Zelf doen of uitbesteden?
Een aantal leesbaarheidsregels kun je zelf bewaken: korte alinea's schrijven, niet alles in hoofdletters zetten en zorgen voor genoeg ruimte. De fijnafstemming van lettergrootte, regelafstand, regellengte en contrast over alle schermen heen is lastiger, omdat het op je eigen scherm vaak al goed lijkt terwijl het op een telefoon knelt.
Wil je een site waarop je teksten echt gelezen worden? Bekijk dan de webdesign op maat, waarin leesbaarheid vanaf het begin is meegenomen. Leest je huidige site moeizaam, dan kan een restyle of redesign dat verhelpen, en met goed responsive design blijft het op elk scherm prettig. Leg me je situatie gerust voor via de contactpagina.
Veelgestelde vragen
Voor lopende tekst werkt zestien pixels of iets meer prettig op de meeste schermen. Kleiner oogt misschien netjes op je eigen scherm, maar dwingt bezoekers te turen, zeker op mobiel. Liever iets te groot dan te klein: comfortabel lezen weegt zwaarder dan een compacte indruk.
Een regel van ongeveer zestig tot vijfenzeventig tekens leest het prettigst. Te lange regels maken het lastig om de volgende regel terug te vinden, te korte regels hakken de tekst in stukjes. Op brede schermen begrens je de tekstbreedte daarom bewust in plaats van hem de hele pagina te laten vullen.
Heel veel. Ruimte tussen regels, tussen alinea's en rond de tekst geeft het oog rust en lucht. Een tekstblok dat opeengepakt staat, oogt als werk; dezelfde tekst met genoeg ruimte oogt uitnodigend. Witruimte is geen verspilling maar een van de sterkste leeshulpmiddelen die je hebt.
Voor de meeste sites wel, omdat het rustig en vertrouwd leest. Belangrijk is vooral voldoende contrast: tekst die te licht is of bijna wegvalt tegen de achtergrond kost moeite, ook al ziet het er stijlvol uit. Comfortabel lezen gaat altijd boven een subtiel kleureffect.
Verder in de kennisbank: Lettertypes kiezen voor het web · Toegankelijk ontwerpen · Contrast en nadruk