Deze vertaling is nog niet redactioneel gecontroleerd. De Duitse versie is leidend. Deutsche Fassung
Toegankelijkheid
Welke tekstpresentatie maakt het makkelijker om lange pagina's te lezen?
Lange lijnen, blok ingesteld met gaten en smalle lijnafstand maken tekst vermoeiend voor mensen met leesstoornissen, visuele stoornissen of concentratieproblemen. Niveau AAA-criterium 1.4.8 specificeert vijf eigenschappen die kunnen voldoen aan blokken tekst of die bezoekers zelf kunnen instellen: selecteerbare kleuren, lijnen tot 80 tekens, links-gebonden zin, lijnafstand van ten minste 1,5 en vergroting tot 200 procent zonder horizontaal scrollen.
De vijf eisen
Eerste: Voorgrond en achtergrondkleuren kunnen door de bezoeker worden gekozen, bijvoorbeeld via een contrastmodus of de browserinstelling die de pagina respecteert. Ten tweede is een regel tekst maximaal 80 karakters breed (40 voor Chinese, Japanse of Koreaanse karakters). Ten derde is de tekst links, niet in blokjes. Ten vierde is de lijnafstand ten minste 1,5 keer de lettergrootte, de paragraafafstand ten minste 1,5 keer de lijnafstand. Vijfde: Tekst kan worden vergroot tot 200 procent zonder hulptechnologie, zonder een lijn horizontaal te hoeven scrollen.
Waarom 80 tekens
Het oog springt van woord naar woord in zinnen en moet het begin van de volgende regel aan het einde van de regel vinden. Hoe langer de lijn, hoe vaker het fout gaat, vooral bij slecht zicht of dyslexie. 45 tot 75 tekens worden beschouwd als leesbaar sinds de boektypografie; 80 is de bovengrens van het criterium. Op brede schermen betekent dit: Het tekstblok krijgt een vaste maximale breedte, de rest blijft rand.
Zo gaan we ermee om
Lijnbreedte, uitlijning, lijnafstand en gedrag bij 200 procent kunnen worden gemeten in de weergegeven toestand; De testdienst meet hiervoor al de basis (stroom bij 320 pixels, 1.4.10). Of kleuren selecteerbaar zijn hangt af van de implementatie en wordt beoordeeld door een persoon. Het criterium behoort tot de categorie AAA in kennis.
Voorbeelden
Lange lijnen in de blokset
.text { text-align: justify; line-height: 1.2; }
/* Zeilen mit 130 Zeichen auf breiten Bildschirmen */.text { max-width: 70ch; text-align: left; line-height: 1.5; }
.text p + p { margin-top: 1.5em; }Een maximum van 80 tekens per lijn, links uitgelijnd, lijnafstand 1.5, hielafstand 1.5 keer, en geen kant scrollen op 200 procent.
- De stroomtekst beperken tot een maximale breedte van ongeveer 65 tot 75 tekens; Dit komt overeen met ongeveer 640 pixels voor 16 pixel lettertype.
- Tekst links uitgelijnd en lijnafstand op 1.5; de alinea's moeten ten minste één lege regelafstand hebben.
- Test de pagina op 200 procent browser zoom: Elke regel moet leesbaar blijven zonder horizontaal scrollen.
- Respecteer de kleurinstellingen van het besturingssysteem of bied een hoge contrastmodus.
