Leesbaarheid voor de doelgroep 55+: lettergrootte en contrast op je website

Kleine tekst wordt overgeslagen

Body-tekst op veel advieswebsites staat op veertien of vijftien pixels. Dat leest prima voor een bezoeker van dertig. Voor een klant van vijfenzestig is het net te klein om moeiteloos te volgen, zeker op een telefoon in de trein of bij fel licht buiten. Zet de hoofdtekst op minimaal zestien pixels en een kop een duidelijke stap groter, zodat het verschil in belang meteen zichtbaar is.

Een lichte letterdikte ("light" of "thin") oogt strak in een ontwerpprogramma, maar vervaagt op een gewoon scherm zodra het licht in de kamer tegenvalt. Gebruik voor lopende tekst een gewone of halfvette letter, en bewaar de dunne varianten voor decoratieve koppen waar leesbaarheid geen rol speelt.

Grotere letters kosten niets.

Het went na een paar dagen aan iedereen die de site vaker bezoekt, ook aan de jongere bezoeker die de tekst toch al moeiteloos las.

Hetzelfde geldt voor het menu en de knoppen onderaan een formulier. Een navigatiebalk met kleine, dicht op elkaar staande links dwingt een bezoeker tot precies mikken op een telefoon, en dat lukt met dikkere vingers en minder vaste handen minder makkelijk. Geef menu-items en formulierknoppen voldoende ruimte om in één keer raak te tikken.

Contrast bepaalt of iemand blijft lezen

Lichtgrijze tekst op een witte achtergrond is een populaire keuze in webdesign: subtiel, modern, rustig ogend op een groot beeldscherm in een showroom. Voor oudere ogen is diezelfde combinatie vooral vaag. Het verschil tussen tekstkleur en achtergrondkleur moet groot genoeg zijn om zonder inspanning te lezen, ook op een telefoonscherm in de zon. Kies voor de hoofdtekst een donkergrijze of bijna zwarte kleur op wit, in plaats van een grijstint die net onder voldoende contrast blijft hangen.

Datzelfde geldt voor knoppen en links. Een lichte knoptekst op een pastelkleur oogt vriendelijk in een moodboard, maar is voor een deel van je bezoekers gewoon niet te lezen. Een adviseur die zijn tarievenpagina of contactformulier op deze manier opmaakt, verliest daar bezoekers die de knop simpelweg niet zien staan.

Grijs op wit oogt rustig. Voor oudere ogen oogt het vaag.

Test het zelf door je website op een telefoon te bekijken met de helderheid omlaag, in een kamer met veel omgevingslicht. Wat jij dan nog moeiteloos leest, leest een klant van boven de vijfenzestig met aanzienlijk meer moeite.

Rust in de regel, niet alleen in de letter

Leesbaarheid zit niet alleen in het lettertype. Een regel die over de volledige breedte van een breed beeldscherm loopt, is voor iedereen vermoeiend om te volgen — voor oudere ogen des te meer, omdat het oog na elke regel de weg terug naar links moet vinden. Beperk de breedte van een tekstblok tot zo'n zeventig tekens per regel en geef alinea's ademruimte met een regelafstand van anderhalf. Vermijd tekst die volledig in hoofdletters staat: dat leest langzamer, ongeacht de leeftijd van de bezoeker, en oogt als schreeuwen.

Vermijd ook gecentreerde alinea's van meer dan één zin. Gecentreerde tekst mist een vaste linkerkant om op te varen, en dat kost juist de lezer die al moeite heeft met de regelafstand extra concentratie.

Deze aanpassingen zijn geen redesign. Het is een paar regels CSS: een grotere lettergrootte, een donkerdere tekstkleur, een smallere kolom. Een website hoeft er door deze wijzigingen niet ouderwets uit te zien. Een rustige, goed leesbare pagina oogt eerder verzorgd dan gedateerd, en dat geldt voor elke bezoeker, ongeacht leeftijd.

Vraag het gerust na bij een paar bestaande klanten van boven de vijfenvijftig: welke pagina lazen ze met moeite, en waar haakten ze af? Die twee vragen leveren vaak meer op dan een uitgebreide technische toetsing. Bij Contaqt Website nemen we dit mee in de opmaak van elke klantensite, zodat een pensioenadvies- of hypotheekklant van boven de vijfenvijftig de pagina net zo makkelijk leest als een dertiger. Wil je weten hoe jouw site ervoor staat? Plan een kennismaking en we bekijken het samen.