Typografie
Schriftgrösse Muss
- Basis-Schriftgrösse in
remoderemdefinieren, nicht inpx - Browser-Standardgrösse respektieren (
font-size: 100%aufhtml) - Text muss bis 200% vergrösserbar sein ohne Informationsverlust (WCAG 1.4.4)
Zeilenabstand & Textfluss Muss
- Zeilenabstand (
line-height): mindestens 1.5 für Fliesstext - Absatzabstand: mindestens 1.5× die Schriftgrösse
- Wortabstand: mindestens 0.16× die Schriftgrösse
- Buchstabenabstand: mindestens 0.12× die Schriftgrösse
Diese Werte entsprechen WCAG 1.4.12 (Text Spacing). Die Seite darf bei diesen Einstellungen nicht brechen.
Zeilenlänge Soll
Zeilen sollen nicht breiter als 80 Zeichen (ca. 52rem) sein, um die Lesbarkeit zu gewährleisten.
Schriftwahl Soll
- Gut lesbare Schriftarten bevorzugen (klare Unterscheidung von I, l, 1, O, 0)
- Systemschriften als Fallback definieren
- Auf ausreichende Lesbarkeit in kleinen Grössen achten
Textausrichtung Soll
Blocksatz (text-align: justify) vermeiden – ungleichmässige Wortabstände erschweren das Lesen, insbesondere für Menschen mit Legasthenie.