Prüfpunkt 1.4.8Stufe AAATextgröße, Zoom und Ausrichtung
Welche Textdarstellung erleichtert das Lesen langer Seiten?
Lange Zeilen, Blocksatz mit Lücken und enger Zeilenabstand machen Text für Menschen mit Leseschwäche, Sehschwäche oder Konzentrationsstörungen anstrengend. Das Kriterium 1.4.8 der Stufe AAA legt fünf Eigenschaften fest, die Textblöcke erfüllen oder die Besucher selbst einstellen können: wählbare Farben, Zeilen bis 80 Zeichen, linksbündiger Satz, Zeilenabstand von mindestens 1,5 und Vergrößerung auf 200 Prozent ohne waagrechtes Scrollen.
Die fünf Anforderungen
Erstens: Vorder- und Hintergrundfarbe lassen sich vom Besucher wählen, etwa über einen Kontrastmodus oder die Browsereinstellung, die die Seite respektiert. Zweitens: Eine Zeile Fließtext ist höchstens 80 Zeichen breit (40 bei chinesischen, japanischen oder koreanischen Zeichen). Drittens: Text ist linksbündig, nicht im Blocksatz. Viertens: Der Zeilenabstand beträgt mindestens das 1,5-Fache der Schriftgröße, der Absatzabstand mindestens das 1,5-Fache des Zeilenabstands. Fünftens: Text lässt sich ohne Hilfstechnik auf 200 Prozent vergrößern, ohne dass eine Zeile waagrecht gescrollt werden muss.
Warum 80 Zeichen
Das Auge springt beim Lesen in Sätzen von Wort zu Wort und muss am Zeilenende den Anfang der nächsten Zeile finden. Je länger die Zeile, desto öfter geht das schief, besonders bei Sehschwäche oder Legasthenie. 45 bis 75 Zeichen gelten seit der Buchtypografie als gut lesbar; 80 ist die Obergrenze des Kriteriums. Auf breiten Bildschirmen heißt das: Der Textblock bekommt eine feste Höchstbreite, der Rest bleibt Rand.
So gehen wir damit um
Zeilenbreite, Ausrichtung, Zeilenabstand und das Verhalten bei 200 Prozent lassen sich im gerenderten Zustand messen; die Grundlage dafür (Umfluss bei 320 Pixel, 1.4.10) misst der Prüfdienst schon heute. Ob Farben wählbar sind, hängt von der Umsetzung ab und wird von einem Menschen beurteilt. Das Kriterium gehört zur Kategorie AAA im Wissen.
Beispiele
Lange Zeilen im Blocksatz
.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; }Höchstens 80 Zeichen je Zeile, linksbündig, Zeilenabstand 1,5, Absatzabstand das 1,5-Fache davon, und bei 200 Prozent kein seitliches Scrollen.
So gehen Sie es an
- Begrenzen Sie Fließtext auf eine Höchstbreite von etwa 65 bis 75 Zeichen; das entspricht bei 16 Pixel Schrift rund 640 Pixel.
- Setzen Sie Text linksbündig und den Zeilenabstand auf 1,5; Absätze bekommen mindestens einen Leerzeilenabstand.
- Testen Sie die Seite bei 200 Prozent Browser-Zoom: Jede Zeile muss ohne waagrechtes Scrollen lesbar bleiben.
- Respektieren Sie die Farbeinstellungen des Betriebssystems oder bieten Sie einen Modus mit hohem Kontrast an.
Weiter im Prüfbereich Barrierefreiheit
- Wann darf Text als Bild erscheinen?WCAG 2.2 Kriterium 1.4.9 (Stufe AAA): Text wird als echter Text ausgeliefert, Bilder von Text nur als Logo oder wenn die Darstellung wesentlich ist.
- Wann ist eine Website vollständig mit der Tastatur bedienbar?WCAG 2.2 Kriterium 2.1.3 (Stufe AAA): Jede Funktion geht mit der Tastatur, ohne die Ausnahme für Zeichenwerkzeuge. Was das für Karten, Editoren und Spiele heißt.
- Warum sollte eine Website ohne Zeitbegrenzung auskommen?WCAG 2.2 Kriterium 2.2.3 (Stufe AAA): Keine Funktion hängt von einer Zeitbegrenzung ab, außer bei Echtzeit-Ereignissen. Was Sitzungen, Formulare und Quiz betrifft.
- Wie lassen sich Unterbrechungen auf einer Website abschalten?WCAG 2.2 Kriterium 2.2.4 (Stufe AAA): Besucher können Unterbrechungen wie Hinweisfenster und Aktualisierungen verschieben oder abschalten, außer bei Notfällen.
Dieser Prüfpunkt gehört zum Prüfbereich Barrierefreiheit; dort stehen alle Prüfpunkte im Überblick. Was die Prüfung insgesamt leistet, zeigt die Leistungsseite; wie ein Ergebnis zustande kommt, erklärt das Prüfverfahren. Alle Prüfbereiche im Überblick: Wissensbasis.
Foto: Heptagon, Public Domain
