Deze vertaling is nog niet redactioneel gecontroleerd. De Duitse versie is leidend. Deutsche Fassung →
Barrierefreiheit
Waarom moeten regel- en tekenafstand op websites aanpasbaar zijn?
Regel- en tekenafstanden moeten aanpasbaar zijn, omdat mensen met leesongemak of zichtbeperking teksten vaak alleen met verwijderde afstanden vloeiend kunnen lezen. Ze gebruiken hiervoor browserinstellingen of hulpmiddelen. Jouw website moet deze aanpassing doorstaan: Geen tekst mag daarbij worden afgesneden, en geen code mag de afstanden onveranderbaar vastschrijven.
Verwijderde afstanden maken teksten leesbaar
Voor mensen met dyslexie versmelten eng gezette regels in elkaar — meer lucht tussen de regels en letters maakt van een grijze tekstmuur weer leesbare zinnen. De standaard bepaalt hiervoor concrete aanpassingswaarden, die een website onschadelijk moet doorstaan: regelafstand op het anderhalf voudige van de lettergrootte, uitgebreide afstanden tussen letters, woorden en alinea's. De bezoekers stellen deze waarden zelf in — jouw website hoeft deze niet voor te stellen, maar moet deze toestaan. Problemen ontstaan op twee plaatsen: Tekstvakken met vast geprogrammeerde hoogte knippen de gegroeide tekst af, en code die afstanden met voorrang-bevelen vastspijkert, maakt aanpassing van voren af aan nutteloos.
Zo controleert onze meetkern de tekstafstanden
De controle werkt tweeledige. Ten eerste voert de meetkern de hardheidstest werkelijk uit: Hij stelt de afstands-waarden van de standaard live op jouw pagina in en meet of tekst daarbij wordt afgesneden — elke geclipte plaats is een gedocumenteerde controlezaak. Ten tweede doorzoekt hij de ontwerpregels van jouw pagina naar afstands-bevelen met voorrang-markering, die aanpassingen blokkeren — zulke vastspijkeringen zijn objectief aantoonbaar en gelden als inbreuk. Blijft beide onopvallend, geldt het criterium bewust nog steeds niet als automatisch voltooid: Dat bij de test niets opviel, is geen bewijs voor elke tekstplaats. Het slotvoordeel velt bij goudstandaard een persoon.
Beispiele
Text bricht bei größeren Abständen
.teaser { height: 3.6em; overflow: hidden; line-height: 1.2; letter-spacing: 0; }.teaser { min-height: 3.6em; line-height: 1.5; }Besucher dürfen Zeilenabstand 1,5, Absatzabstand 2, Buchstabenabstand 0,12 und Wortabstand 0,16 setzen; nichts darf dann abgeschnitten werden.
- Vraag je bureau afstands-bevelen met voorrang-markering — in code "!important" — uit de ontwerpregels te verwijderen.
- Laat tekstvakken in hoogte meegroeien, in plaats van ze vaste pixelhoogten te geven.
- Test jouw belangrijkste pagina's met een browserextensie voor tekstafstanden — zichtbaar afgesneden tekst is een bevinding.
- Let vooral op tegels en kaarten-opmaak met korte tekstfragmenten — daar wordt groeiende tekst het meest geclippt.
- Ruime basisafstanden van voren af aan inplannen: Wat luchtig gezet is, doorstaat de verwijdering bijna altijd.