Typografische Barrierefreiheit heißt, Text so zu gestalten, dass ihn möglichst alle lesen können: auch Menschen mit Sehschwäche, Leseschwäche oder auf kleinen Bildschirmen. Dazu gehören eine ausreichende Schriftgröße, Text, der sich vergrößern lässt, genug Abstand zwischen Zeilen und Absätzen und ein starker Kontrast.
- Typografische Barrierefreiheit
Die Gestaltung von Text so, dass ihn möglichst alle lesen können, mit ausreichender Größe, Zoom, Abständen und Kontrast.
Beispiel: „Für die typografische Barrierefreiheit setzten wir den Fließtext auf 18 Pixel und prüften die Seite mit 200 Prozent Zoom.“Auch: barrierefreie Typografie.
Teil der Barrierefreiheit einer Website nach den WCAG.
Typografische Barrierefreiheit nach WCAG
Die WCAG 2.2 schreiben keine Mindestschriftgröße vor. Sie verlangen, dass sich Text auf 200 Prozent vergrößern lässt, ohne dass Inhalte verloren gehen, und dass die Seite bei 320 CSS-Pixeln Breite ohne seitliches Scrollen funktioniert. Nach Kriterium 1.4.12 muss eine Seite auch dann funktionieren, wenn Nutzer Zeilenhöhe 1,5, Absatzabstand 2, Zeichenabstand 0,12 und Wortabstand 0,16 der Schriftgröße einstellen.
Welche Schriftgrößen Designsysteme empfehlen
Das Design System von GOV.UK setzt Fließtext auf großen und kleinen Bildschirmen auf 19 Pixel, kleinen Text auf 16. Apple nennt in seinen Human Interface Guidelines 17 Punkt als Standard für iOS und 11 als Minimum. Material Design setzt den großen Fließtext auf 16 sp. Wer Schriftgrößen in rem angibt, übernimmt außerdem die Grundgröße, die Nutzer im Browser eingestellt haben.
Was Legasthenie-Schriften bringen
Spezielle Schriften für Menschen mit Legasthenie halten Studien nicht stand. Kuster und Kollegen fanden 2018 bei 170 Kindern, dass die Schrift Dyslexie das Lesen weder verbessert noch verschlechtert; für OpenDyslexic zeigte eine Studie von 2017 keinen Gewinn bei Tempo oder Genauigkeit. Belegt sind dagegen die Vorgaben der WCAG für die höchste Stufe: höchstens 80 Zeichen pro Zeile, kein Blocksatz und mindestens anderthalbfacher Zeilenabstand.