ÜBERBLICK
Umsetzbarkeit:
- Komplexität:Einfach
- Dauer:Schnell
Wichtig für Rolle:
Worum gehts?
Texte müssen auch bei folgenden Anpassungen lesbar sein, ohne dass sie durch Inhalte abgeschnitten oder überdeckt werden:
- Zeilenhöhe: mindestens 1.5-fach der Schriftgröße
- Abstand nach Absätzen: mindestens 2-fach der Schriftgröße
- Buchstabenabstand: mindestens 0.12-fach der Schriftgröße
- Wortabstand: mindestens 0.16-fach der Schriftgröße
So können Menschen mit Sehbehinderungen oder Leseschwierigkeiten den Text besser lesen.
Umsetzung
Mindestens eine der folgenden Möglichkeiten muss umgesetzt werden, um das Kriterium zu erfüllen. Nähere Informationen dazu findest du in den jeweils verlinkten WCAG-Techniken.
Für Lesbarkeit und Bedienbarkeit sorgen
Stell sicher, dass beim Anpassen von Textabständen nicht folgende Dinge passieren:
- Texte überlagern sich
- Texte werden abgeschnitten
- Bedienelemente sind nicht mehr im Sichtfeld oder zu nutzen
- Texte werden durch „…“ abgekürzt. Außer es besteht die Möglichkeit, durch Fokus und Hover den Text wieder vollständig zu sehen.
Die Probleme treten oft auf, wenn Containern (Beispiel: Divs) eine feste Höhe in px haben und nicht durch em oder rem. Dann passt sich der Container nicht automatisch an, wenn man den Textabstand ändert.
WCAG-Technik(en) in Englisch:
Anmerkungen
Ausnahme: Teaser-Texte werden abgeschnitten
Wenn durch das Anpassen der Textabstände Texte in Blog- oder Produkt-Teaser abgeschnitten werden, ist das kein Problem, solange diese Texte vollständig zu lesen sind, wenn ich auf der angeteaserten Seite lande.
Unser Test-Tool!
Lerne das Ergbenis auch selbst zu testen!
Mit unserem neuen, manuellen Test-Tool prüfst du deine Website selbstständig, schnell und effizient auf digitale Barrierefreiheit!
