Visuele presentatie
Voor tekstblokken moeten gebruikers de voor- en achtergrondkleur, regellengte (max. 80 tekens), uitlijning (geen volledige uitvulling), regelafstand (1,5x) en alinea-afstand (1,5x regelhoogte) kunnen instellen — zonder horizontaal scrollen bij 200% zoom.
Wat het vereist
Voor langere tekstinhoud bundelt dit succescriterium vijf vereisten: gebruikers kunnen voor- en achtergrondkleuren kiezen; de regellengte bedraagt maximaal 80 tekens (40 voor Chinees, Japans en Koreaans); tekst is niet volledig uitgevuld; de regelafstand binnen alinea’s is ten minste 1,5 en de alinea-afstand ten minste 1,5x de regelhoogte; en tekst kan worden vergroot tot 200% zonder horizontaal scrollen en zonder hulptechnologie.
Hoe hieraan te voldoen
- Beperk leeskolommen tot ongeveer 60–75 tekens per regel voor Engelse hoofdtekst.
- Gebruik links uitgelijnde tekst (of rechts uitgelijnde voor RTL-talen), nooit
text-align: justify. - Stel
line-heightin op ten minste 1,5 voor hoofdtekst en gebruik ruimhartigemargin-bottomtussen alinea’s. - Bied een gebruikersinstelbaar thema aan of respecteer
prefers-color-schemezodat voor- en achtergrond door de gebruiker instelbaar zijn. - Test bij 200% zoom: tekst moet binnen de kolom teruglopen, geen horizontaal scrollen.
Veelvoorkomende fouten
- Volledig uitgevulde kolommen in tijdschriftstijl die witruimterivieren produceren en het lezen vertragen.
- Hoofdtekst in brede containers met meer dan 120 tekens per regel.
line-height: 1.2voor hoofdtekst waardoor regels te dicht op elkaar staan en het lezen voor slechtzienden bemoeilijkt wordt.- Geen themakiezer, geen respect voor
prefers-color-scheme.
Waarom het van belang is
AAA, zelden een contractvereiste. Maar het onderliggende advies — korte regels, ruimhartige opmaak, geen volledige uitvulling — is gewoon goede typografie. Dit succescriterium halen is een bijproduct van ontwerpen voor leesbaarheid in plaats van dichtheid.