Mobiel-eerst Design voor Contentplatformen
Waarom mobiel-eerste aanpak essentieel is voor mediawebsites en hoe je dit in de praktijk toepast.
Lees artikelTypografie voor Nieuwssites: Leesbaarheid eerst
Hoe je lettertypen kiest en regelt zodat lezers comfortabel langere artikelen kunnen lezen zonder moeheid.
Waarom typografie het hart van leesbaarheid is
Een goede nieuwssite hoeft niet alleen interessante verhalen te hebben — ze moeten ook prettig te lezen zijn. Veel lezers geven op na enkele minuten als de tekst vermoeiend oogt of moeilijk te volgen is. Dit heeft alles te maken met typografie.
We’re niet aan het spreken over fancy lettertypen of artistieke experimenten. We bedoelen de praktische keuzes: hoe groot de tekst is, hoeveel wit ruimte je gebruikt, hoe lang een regel duurt. Deze details bepalen of iemand je artikel tot het einde leest of al na twee paragrafen weggaat.
De juiste lettergrootte kiezen
Voor broodtekst op nieuwssites werkt 16-18 pixels goed op desktop. Dit lijkt misschien groot — veel sites gebruiken 14px — maar onderzoeken tonen aan dat grotere tekst minder vermoeiing oplevert. Vooral voor lezers met slechtere ogen of op grotere schermen is dit cruciaal.
Op mobiel mag je juist iets voorzichtiger zijn. Een tekstgrootte van 16px op mobiel werkt prima zonder te groot te voelen. Het belangrijkste? Test het zelf. Open je artikel op je telefoon en lees een volle alinea hardop. Voel je je ogen gespannen? Dan is het waarschijnlijk te klein.
Gouden maat:
16-18px voor desktop, 16px voor mobiel. Schaal lineair mee
met schermgrootte.
Regelafstand en witruimte: je geheime wapen
Regelafstand (line-height) is misschien wel het meest onderschatte typografische element. Als tekst te dicht op elkaar staat, sluiten ogen af. Een regelafstand van 1.5 tot 1.8 is ideaal voor lange artikelen. Dit geeft je ogen ruimte om van regel naar regel te springen zonder de volgende regel te missen.
Witruimte rond alinea’s is even belangrijk. Een alinea-marge van minstens 1em scheidt gedachten duidelijk. Veel sites gooien alles aan elkaar zonder alinea’s — dit maakt tekst voelen als één grote muur. Voeg alinea’s toe. Je lezers zullen je dankbaar zijn.
- Regelafstand: 1.5–1.8 voor broodtekst
- Alinea-marge: minstens 1em (16px bij 16px tekst)
- Kolombreedte: max 65-75 tekens per regel
Contrast: zichtbaarheid en elegantie tegelijk
Donkere tekst op witte achtergrond werkt nog steeds het best. Dit is geen nostalgie — het is wetenschap. Een contrast van minstens 4.5:1 (de WCAG-standaard) zorgt dat bijna iedereen je artikel kan lezen, inclusief mensen met lichte zichtproblemen.
Dit betekent niet dat alles zwart op wit moet zijn. Je kunt subtielere grijstinten gebruiken voor secundaire informatie — metadata, bijschriften, pull quotes — zolang het contrast maar voldoende blijft. Veel sites gebruiken lichtgrijs (#999 of lichter) wat te licht is. Test dit met tools zoals WebAIM’s contrast checker.
“Goed contrast is niet alleen voor toegankelijkheid. Het geeft ook je artikel meer professioneel uitstraling.”
— Typografierichtlijnen WCAG 2.1
Praktische tips voor vandaag
01
Kies één goed lettertype
Gebruik maximaal twee lettertypen: één voor koppen (kan decoratief), één voor broodtekst (moet degelijk zijn). Systeem fonts zoals -apple-system of Segoe UI werken prima en laden snel.
02
Test op alle devices
Wat goed oogt op je grote monitor kan rommelig zijn op een mobiel. Open je artikel op een telefoon, tablet en desktop. Pas regelafstand en marges aan zodat alles comfortabel leest.
03
Wees consistent
Dezelfde regel lettergrootte voor alle artikelen. Dezelfde regelafstand. Dezelfde alinea-afstanden. Consistentie helpt lezers om in je artikel te zinken zonder af te worden geleid.
04
Gebruik witruimte strategisch
Witruimte rond afbeeldingen, quotes en tussenkopjes geeft adem aan je artikel. Dit maakt lange tekst minder overweldigend en helpt lezers structuur zien.
05
Zorg voor goede contrast
Check contrast met een gratis tool. Zeker voor grijze tekst of lichte achtergronden. Je artikel moet ook voor mensen met slechtere ogen leesbaar zijn.
06
Beperk kolombreedte
Als je kolom te breed is, zal je oog moeite hebben terug naar het begin van de volgende regel. Houd regels rond 65-75 tekens (ongeveer 10-15 woorden per regel).
Leesbaarheid is je sterkste redacteur
Goed geschreven artikelen verdienen typografie die ze ondersteunt, niet belemmert. Als je lettergrootte, regelafstand en contrast goed zet, geef je lezers ruimte om in je verhaal op te gaan. Ze zullen langer blijven, meer artikelen lezen, en waarschijnlijk terugkomen.
Dit zijn geen raketwetenschap — het zijn kleine keuzes die samen groot verschil maken. Begin vandaag: vergroot je lettergrootte tot 16-18px, zet regelafstand op 1.6, en check je contrast. Je lezers zullen het voelen, ook al kunnen ze niet zeggen waarom.
Gerelateerde artikelen
Disclaimer
Dit artikel is informationeel bedoeld voor webdesigners en contentmakers. De richtlijnen hier zijn gebaseerd op onderzoek en best practices in UX-design. Individuele resultaten kunnen variëren afhankelijk van je doelgroep, inhoud en context. Altijd testen met echte gebruikers en devices is essentieel voor het beste resultaat.