Richtlijnen NL Design System voor typografie
Goede typografie helpt bij het creëren van een duidelijke hiërarchie en het ordenen van informatie. Hierdoor zijn teksten gemakkelijk te lezen en te begrijpen.
Belangrijke typografische overwegingen voor tekst zijn: lettergrootte, regelafstand, regellengte en lettertype.
Overzicht richtlijnen
Letters groot genoeg
Gebruik een lettergrootte ofwel die groot genoeg is voor de broodtekst, zodat mensen comfortabel kunnen lezen. Gebruik als richtlijn minimaal een lettergrootte van 16px.
Comfortabele regelafstand
Een goed afgestelde regelafstand zorgt ervoor dat het oog op een vloeiende manier het einde van een regel kan koppelen aan het begin van de volgende.
Comfortabele regellengte
Maak regels niet te lang of te kort. 45-75 karakters per regel is acceptabel. Kortere regels tekst zijn prima voor bijschriften en formulieren.
Goed lettertype
Kies een lettertype ofwel ‘Typeface’ dat de leesbaarheid van paragrafen ten goede komt.
Betekenisvolle opmaak voor tekst
Betekenisvolle opmaak (semantiek) zorgt ervoor dat de teksten consistent worden weergegeven en het doel begrijpelijk is voor screenreadergebruikers.
Let op voorkeursinstellingen voor typografie
Vergeet niet dat de gebruiker mogelijk voorkeursinstellingen heeft toegepast.
Bronnen
-
Typefaces and Fonts - WebAIM
Artikel over typografie en toegankelijkheid. -
Practical Typography - Matthew Butterick
Boek (digitaal) over typografie. -
Knowledge - Google Fonts
Kennisbank over typografie. -
Line Length Readbility - Baymard
Artikel over een onderzoek naar de ideale regellengte. -
Variable fonts - Web.dev
Artikel over variabele fonts. -
On Web Typography by Jason Santa Maria - A Book Apart
Boek over typografie voor het web. -
Say no to faux bold - A List Apart
Artikel over de weergave van bold teksten.
Deel je gebruikersonderzoek
Er is nog veel te onderzoeken over het gebruik van typografie. Doe je gebruikersonderzoek? Deel dan alsjeblieft je bevindingen op gebruikersonderzoeken.nl zodat we hiervan allemaal kunnen leren.
Over deze richtlijnen
Deze richtlijnen worden onderhouden door het NL Design System en zijn op dit moment in beta.
We willen graag van de community horen of ze werkbaar en nuttig zijn. Heb je vragen, aanvullingen of opmerkingen? Open een issue op GitHub en deel je mening.