Succescriterium 1.4.12 Tekstafstand
Bij content die wordt geïmplementeerd met opmaaktalen die de volgende stijleigenschappen voor tekst ondersteunen, is er geen sprake van verlies van content of functionaliteit door het instellen van alle volgende, en door het niet wijzigen van andere stijleigenschappen:
- Regelhoogte (regelafstand) naar ten minste 1,5 keer de lettergrootte;
- Afstand tussen alinea’s naar ten minste 2 keer de lettergrootte;
- Letterafstand (spatiëren van letters) naar ten minste 0,12 keer de lettergrootte;
- Spatiëren van woorden naar ten minste 0,16 keer de lettergrootte.
Uitzondering: Menselijke talen en scripts die geen gebruik maken van een of meer van deze eigenschappen voor tekststijl in schriftelijke tekst, kunnen voldoen aan de eisen door alleen gebruik te maken van de eigenschappen die bestaan voor de betreffende combinatie van taal en script.
Tekstafstand begrijpen (Engelstalig)
Mensen die slechtziend zijn en mensen die dyslexie hebben vinden het fijn om zelf de tekstweergave aan te passen. Dit helpt hen om de tekst beter te kunnen lezen. Zorg daarom dat de afstand tussen regels, alinea’s, letters en woorden kan worden aangepast zonder dat er iets wegvalt of niet meer werkt.
De tekst moet kunnen worden aangepast tot:
- Regelhoogte (regelafstand) naar ten minste 1,5 keer de lettergrootte;
- Afstand tussen alinea’s naar ten minste 2 keer de lettergrootte;
- Letterafstand (spatiëren van letters) naar ten minste 0,12 keer de lettergrootte;
- Spatiëren van woorden naar ten minste 0,16 keer de lettergrootte.
Hoe pas je dit toe?
- Zorg dat de stijleigenschappen van tekst kunnen worden aangepast zonder dat content wegvalt.
- Zorg dat de stijleigenschappen van tekst kunnen worden aangepast zonder dat functionaliteit niet meer werkt.
Stijleigenschappen aanpassen
Met de browserextensie Stylus kun je aangepaste stijlen maken en gemakkelijk aan- en uitzetten. Gebruik de volgende CSS om te controleren hoe jouw website er uit ziet met de aangepaste stijleigenschappen van dit succescriterium:
* {
line-height: 1.5 !important;
letter-spacing: .12em !important;
word-spacing: .16em !important;
}
p {
margin-bottom: 2em !important;
}Voor wie is dit belangrijk?
- Mensen die slechtziend zijn.
- Mensen die dyslexie hebben.
Wie is verantwoordelijk?
- Ontwikkelaar