Lettertypen
Typografie - hoe lettertypen tekst weergeven - is van grote invloed op het lezen. Hoewel er geen succescriteria in de Richtlijnen voor Toegankelijkheid van Webcontent (WCAG) zijn met betrekking tot lettertypen, is alles in dit artikel wel best practice op het gebied van inclusief design en goede usability.
Dit artikel richt zich voornamelijk op lettertypen. Voor meer informatie over andere aspecten van typografie en lay-out, zie Tekst/Typografische lay-out.
Leesbaarheid van lettertypes
Bij het lezen van tekst, lezen of ontleden de meeste mensen geen individuele karakters of zelfs woorden. In plaats daarvan scant het oog snel door de tekst en ontleedt patronen en groepen tekens (meestal 6-9 tekens per keer) die bijna onmiddellijk door de hersenen in betekenis worden omgezet. Dit proces stelt ons in staat om tekstinhoud zeer snel te lezen en te begrijpen met een hoge mate van begrip, ook al zien of denken we niet eens aan tekens en woorden.
Alleen wanneer tekens of woorden ons niet bekend zijn of een belemmering vormen voor dat directe patroon-naar-betekenis-proces, moeten we even pauzeren om tekens of woorden nader te onderzoeken of te verwerken. Voor een optimale leesbaarheid en begrijpelijkheid is het zaak om die onderbrekingen te vermijden. Enkele principes om te overwegen:
- Gebruik eenvoudige, vertrouwde en gemakkelijk te interpreteren lettertypen.
- Vermijd dubbelzinnigheid van tekens (het verschil tussen de hoofdletter I en de kleine letter l. )
- Gebruik een beperkt aantal lettertypen
- Houd rekening met spatiëring en gewicht.
- Zorg voor voldoende, maar niet te veel, contrast tussen de tekst en de achtergrond.
- Vermijd kleine lettergroottes en andere antipatronen.
Gebruik eenvoudige, vertrouwde en goed leesbare lettertypes
Eenvoudige, vertrouwde lettertypes zijn het gemakkelijkst om te ontleden en te lezen omdat de geest al een model heeft of snel een model kan genereren voor de vormen en patronen van de tekst. Onbekende of complexe lettertypes vereisen extra tijd en oriëntatie, wat resulteert in het ontleden van tekens of woorden (wat traag en cognitief intensief is) in plaats van het ontleden van patronen/blokken (wat snel en minder belastend is).
Er bestaat geen lettertype dat het beste is. Deskundigen zijn het niet eens over welke lettertypen de beste leesbaarheid bieden. Sommige opvattingen, zoals het idee dat schreefloze lettertypen beter zijn om op een scherm te bekijken en schreeflettertypen beter zijn om af te drukken, zijn achterhaald door de verspreiding van beeldschermen met hoge resolutie. Hoe dan ook, eenvoud in lettertypes is van cruciaal belang. Het lettertype moet vertrouwd zijn of gemakkelijk te begrijpen, zodat het snel vertrouwd raakt. Veel gewone en standaardlettertypes die in moderne besturingssystemen beschikbaar zijn, voldoen aan deze eisen.
Evenzo is er niet één lettertype dat optimaal is voor alle gebruikers met dyslexie.
Vermijd dubbelzinnige tekens
Wanneer karakters binnen een lettertype op elkaar lijken, kan dit dubbelzinnigheid introduceren die verwerkt moet worden door de hersenen, wat invloed heeft op de leessnelheid en het begrip.
De hoofdletters “C” en “O” en de kleine letters “e” en “o” in het lettertype Arial lijken erg op elkaar door de zeer smalle opening in de letters. Dit staat in contrast met de bredere opening en de meer uitgesproken verschillen tussen “C” en “O” en “e” en “o” in het Open Sans lettertype.
EOp dezelfde manier lijken de hoofdletter “I”, de kleine letter “l” en het cijfer “1” bijna identiek in Gill Sans, maar zijn ze veel gemakkelijker van elkaar te onderscheiden in Verdana. Ook al is Verdana iets complexer, toch helpt deze kleine complexiteit bij het herkennen en onderscheiden van tekens.
Gebruik een beperkt aantal lettertypen
Telkens wanneer u een nieuw lettertype, lettertype of lettervariatie tegenkomt, moet uw geest een kaart of model van de tekens en patronen opbouwen om vervolgens sneller woorden te ontleden en betekenis te verwerken. Dit vergt cognitieve inspanning en tijd. Als het lettertype al bekend is, wordt deze overhead verminderd.
Wees voorzichtig met het gebruik van meerdere lettertypes in hetzelfde document of op dezelfde webpagina. Zorg ervoor dat lettertypes/lettertypes overeenkomen met de soorten inhoud, zoals één lettertype voor kopteksten en een ander lettertype voor de hoofdtekst.
Houd rekening met spatiëring en gewicht
Adequate letter- en woordafstand kan de leesbaarheid verbeteren door een betere scheiding en duidelijkheid tussen aangrenzende tekens en woorden. Wanneer letters of woorden zeer dicht bij elkaar staan, kan verwarring ontstaan.
Daarnaast kan ook het gewicht (d.w.z. de dikte van de lettertekens) de waarneembaarheid en leesbaarheid beïnvloeden.
WCAG vereist dat er geen verlies van inhoud of functionaliteit optreedt wanneer de eindgebruiker de paginastijlen voor alineaafstand tot 200% van de lettergrootte, tekstregelhoogte/-afstand tot 150% van de lettergrootte, woordafstand tot 16% van de lettergrootte en letterafstand tot 12% van de lettergrootte overschrijft. Zorg ervoor dat de paginatekst kan worden aangepast zonder dat hij verdwijnt of andere pagina-inhoud overlapt.
Zorg voor voldoende, maar niet te veel, contrast tussen de tekst en de achtergrond
Tekst is veel gemakkelijker te lezen als er voldoende contrast of verschil in helderheid is tussen de tekst en de achtergrond. De Web Content Accessibility Guidelines definiëren maatregelen voor voldoende tekstcontrast. Met tools zoals WebAIM’s Color Contrast Checker kan het contrast eenvoudig worden gecontroleerd en kan worden bepaald of aan de WCAG-richtlijnen wordt voldaan.
Zwarte tekst op een witte achtergrond is de standaard voor webinhoud, maar deze combinatie kan grimmig en vermoeiend aanvoelen, vooral bij lange tekstgedeelten. Te veel contrast kan leiden tot halo’s of echo’s van teksttekens, wat de leesbaarheid kan beïnvloeden, vooral voor mensen met dyslexie. Hoewel WCAG geen maximum contrastdrempel heeft, kunt u tekst met een iets lager contrast stijlen. Deze pagina gebruikt bijvoorbeeld een zeer donkergrijze tekstkleur op wit voor een iets lager contrast.
Vermijd kleine lettergroottes
Naast spatiëring, gewicht en contrast van de tekst heeft ook de grootte van de tekst een belangrijke invloed op de leesbaarheid. Hoewel WCAG geen minimale lettergrootte voorschrijft, is het toch een belangrijk punt voor toegankelijkheid en gebruiksvriendelijkheid.
Relatieve lettergroottes (gedefinieerd in procenten of ems) bieden meer flexibiliteit bij het aanpassen van de visuele presentatie dan absolute eenheden (gedefinieerd in pixels of punten). De gekozen lettergrootte is ook van invloed op de regellengte - het aantal tekens dat per regel verschijnt.
Wees voorzichtig met langere stukken tekst die volledig vet, cursief of met hoofdletters zijn, of op een atypische manier zijn opgemaakt. Deze variaties in lettertypes kunnen het lezen van tekst bemoeilijken, en elke nieuwe variatie vereist enige oriëntatie van de gebruiker.
Echte tekst vs. Tekst binnen afbeeldingen
Echte tekst biedt vele voordelen ten opzichte van tekst in afbeeldingen. Wanneer inhoud wordt gepresenteerd als echte tekst - d.w.z. weergegeven als tekstkarakters op een webpagina - is het zeer aanpasbaar. De gebruiker kan de tekst aanpassen voor een betere leesbaarheid, bijvoorbeeld door de regel-, woord- en tekenafstand aan te passen, het lettertype te wijzigen, tekstkleuren te veranderen, de tekstgrootte te vergroten zonder verlies van getrouwheid, en door te vertalen naar andere talen. Bovendien kan echte tekst worden gekopieerd en geplakt, past het zich aan verschillende schermformaten aan, is het compatibeler met zoekmachines en omgevingen met een lage bandbreedte, enz.
Wanneer tekst in plaats daarvan in een afbeelding wordt meegegeven, verliest dit het grootste deel van dat aanpassingsvermogen. Tekst binnen afbeeldingen kan meer korrelig, blokkerig en moeilijk leesbaar worden wanneer deze wordt vergroot, zoals nodig kan zijn voor gebruikers met bepaalde visuele handicaps.
De Web Content Accessibility Guidelines schrijven voor dat als dezelfde visuele presentatie kan worden gemaakt met alleen tekst, er geen afbeelding wordt gebruikt om die tekst te presenteren.
Embedded lettertypes
Moderne browsers staan font embedding toe, een CSS-techniek waarmee de browser lettertypes kan downloaden en vervolgens tekst in die lettertypes kan weergeven. Hoewel de meeste lettertypen op systeemniveau ontworpen zijn voor een zekere mate van leesbaarheid, zijn veel op maat ontworpen lettertypen dat niet. Er moet op worden gelet dat lettertypen en fonts worden gebruikt die een hoge mate van leesbaarheid behouden. Het veranderen van lettertype heeft geen invloed op de toegankelijkheid van schermlezers of andere vormen van toegankelijkheid, zolang de onderliggende tekst maar in een toegankelijk formaat wordt weergegeven.
Credits
Deze pagina is grotendeels gebaseerd op WebAim’s pagina over lettertypes.