Barrierefreies Design · Typografie

Typografie für barrierefreie Oberflächen

Über kaum ein Designthema kursieren so viele feste Regeln wie über Schrift – und so wenige davon halten einer Prüfung stand. Dieser Artikel trennt das Belegte vom Weitergereichten: Was fordert die WCAG wirklich, und wo beginnt der Mythos?

  • 8 Minuten Lesezeit
  • Stand: Mai 2026

Warum Typografie mehr ist als Geschmack

Text ist auf den meisten Websites das wichtigste Element – und Typografie entscheidet darüber, wie mühelos sich dieser Text lesen lässt. Für Menschen mit Sehbeeinträchtigung, mit Lese-Rechtschreib-Störung (Legasthenie/Dyslexie) oder mit eingeschränkter Konzentration ist diese Mühelosigkeit kein Komfort, sondern die Grenze zwischen „nutzbar“ und „nicht nutzbar“.

Das Problem: Im Designalltag werden typografische Regeln oft als feste Wahrheiten weitergereicht – „nie unter 16 Pixel“, „niemals Blocksatz“, „Serifenschriften sind schwerer lesbar“. Manche dieser Sätze haben einen wahren Kern, andere sind ungeprüfte Wiederholungen. Wir gehen sie hier der Reihe nach durch und sagen jeweils dazu, worauf sie sich stützen – und worauf nicht.

Schriftgröße: was die WCAG wirklich fordert

Eine verbreitete Annahme lautet, die WCAG schreibe eine Mindest-Schriftgröße vor. Das stimmt so nicht. Die Web Content Accessibility Guidelines 2.2 nennen keine feste Mindestgröße in Pixeln. Was sie stattdessen fordern, ist Skalierbarkeit :

  • Kriterium 1.4.4 „Text vergrößern“ (Stufe AA): Text muss sich bis 200 % vergrößern lassen, ohne dass Inhalt oder Funktion verloren gehen.
  • Kriterium 1.4.10 „Reflow“ (Stufe AA): Inhalte müssen sich ohne horizontales Scrollen auf eine schmale Ansicht (entsprechend 320 CSS-Pixel Breite) umbrechen lassen – das deckt auch starkes Hineinzoomen ab.

Die Logik dahinter ist wichtig: Nicht deine gewählte Größe ist entscheidend, sondern ob Nutzer:innen sie problemlos an ihre Bedürfnisse anpassen können. Eine Seite, die bei 200 % Zoom zusammenbricht, ist auch dann nicht barrierefrei, wenn der Ausgangstext groß war.

Das heißt nicht, dass die Ausgangsgröße egal ist. Sehr kleiner Fließtext zwingt viele Menschen unnötig zum Zoomen. Eine komfortable Untergrenze für längeren Fließtext liegt bei etwa 16 Pixeln – das ist eine gut begründete Praxisempfehlung, aber eben kein WCAG-Erfolgskriterium. Wichtig ist außerdem, Größen in relativen Einheiten wie rem anzugeben, damit die System-Einstellungen der Nutzer:innen überhaupt greifen.

Text-Abstände: das Kriterium 1.4.12

Lesbarkeit entsteht nicht nur durch die Größe der Schrift, sondern stark durch die Abstände drumherum. Buchstaben, Wörter und Zeilen, die zu eng stehen, verschmelzen für viele Leser:innen zu einer schwer entzifferbaren Masse.

Das Erfolgskriterium 1.4.12 „Textabstand“ (Stufe AA) greift das auf. Es schreibt nicht vor, wie deine Abstände aussehen müssen – sondern fordert, dass deine Seite funktioniert , wenn Nutzer:innen die folgenden Abstände selbst erzwingen (etwa über ein Stylesheet oder eine Browser-Erweiterung):

Die vier Werte aus WCAG-Kriterium 1.4.12, jeweils relativ zur Schriftgröße
Abstand Mindestwert
Zeilenhöhe (line-height) mindestens das 1,5-Fache der Schriftgröße
Abstand nach Absätzen mindestens das 2-Fache der Schriftgröße
Buchstabenabstand (letter-spacing) mindestens das 0,12-Fache der Schriftgröße
Wortabstand (word-spacing) mindestens das 0,16-Fache der Schriftgröße

Der häufigste Fehler dabei: feste Höhen für Textcontainer. Wer einem Button oder einer Card eine fixe height in Pixeln gibt, riskiert, dass der Text bei erhöhtem Zeilenabstand abgeschnitten wird. Robuster ist es, Container über min-height und Innenabstand wachsen zu lassen. Eine großzügige Standard-Zeilenhöhe – für Fließtext etwa 1,5 – ist ohnehin eine gute Idee, weil sie den Lesefluss spürbar erleichtert.

Zeilenlänge: die unscharfe Faustregel

Sehr lange Textzeilen erschweren das Lesen, weil der Sprung zum Zeilenanfang schwerer fällt – besonders für Menschen mit eingeschränktem Sichtfeld. Sehr kurze Zeilen wiederum zerhacken den Lesefluss. So weit ist man sich einig.

Die oft genannte Obergrenze von rund 80 Zeichen pro Zeile stammt aus dem WCAG-Kriterium 1.4.8 „Visuelle Darstellung“ – allerdings auf der Stufe AAA , also der höchsten und nicht verpflichtenden Konformitätsstufe. Für die in Deutschland praktisch relevante Stufe AA gibt es keine vorgeschriebene Zeilenlänge.

In der Praxis hat sich ein Bereich von etwa 45 bis 80 Zeichen als angenehm etabliert. Behandle diese Spanne als gut begründete Orientierung, nicht als Prüfregel – die genaue „ideale“ Länge hängt von Schrift, Größe und Inhalt ab und lässt sich nicht auf eine einzige Zahl festnageln.

Schriftart-Wahl und der Dyslexie-Font-Mythos

Bei der Schriftart-Wahl wird es besonders interessant, weil hier zwei sehr hartnäckige Behauptungen kursieren.

Mythen-Prüfung

Zwei verbreitete Aussagen – und was dahintersteckt

„Serifenschriften sind grundsätzlich schwerer lesbar als serifenlose.“
Für diese pauschale Aussage gibt es keine belastbare Grundlage. Lesbarkeits­studien zeigen über die Jahre kein eindeutiges Bild; entscheidender als die Frage Serife oder nicht sind klare Buchstabenformen, ausreichende Größe und gute Abstände. Eine gut gemachte Serifenschrift in passender Größe ist nicht das Problem. Datenlage: uneindeutig.

„Spezielle Dyslexie-Schriften wie OpenDyslexic verbessern das Lesen.“
Hier ist die Studienlage ausdrücklich widersprüchlich. Einzelne Untersuchungen berichten von Verbesserungen beim Textverständnis; ein belastbarer, in kontrollierten Studien reproduzierbarer Vorteil bei Lesegeschwindigkeit oder -genauigkeit ist bislang dagegen nicht nachgewiesen. Auffällig ist: Viele Nutzer:innen empfinden solche Schriften subjektiv als angenehmer, ohne dass sich das objektiv bestätigt – und ein Teil bevorzugt am Ende doch vertraute Schriften wie Arial. Eine spezielle Dyslexie-Schrift ist also kein gesicherter Vorteil. Was nachweislich hilft, sind die unspektakulären Dinge: ausreichende Größe, großzügige Abstände, gute Kontraste – und Nutzer:innen die Wahl der Schrift selbst zu überlassen.

Die ehrliche Schlussfolgerung ist unbequem für alle, die eine einfache Regel suchen: Es gibt keine „barrierefreie Schriftart“, die man einmal auswählt und dann abhakt. Es gibt gut lesbare Schriften – mit klar unterscheidbaren Buchstaben, deutlichen Formen für ähnliche Zeichen (etwa großes I, kleines l und Ziffer 1) – und es gibt eine gute Umsetzung mit Größe, Abstand und Kontrast.

Was du konkret tun kannst

Wenn man die Mythen abzieht, bleibt eine erfreulich klare, belegbare Liste übrig:

  • Relative Einheiten verwenden. Schriftgrößen in rem statt in festen Pixeln, damit System- und Browser-Einstellungen greifen.
  • Auf 200 % Zoom testen. Bricht das Layout, ist Kriterium 1.4.4 verletzt – unabhängig von der Ausgangsgröße.
  • Keine festen Höhen für Textcontainer. So bleibt Kriterium 1.4.12 erfüllt, wenn Nutzer:innen die Abstände vergrößern.
  • Großzügige Zeilenhöhe als Standard. Rund 1,5 für Fließtext erleichtert das Lesen spürbar und ist kostenlos.
  • Eine klar gezeichnete Schrift wählen – und Nutzer:innen ihre eigene Wahl nicht verbauen, etwa durch erzwungene Web-Fonts ohne Fallback.

Gute barrierefreie Typografie ist am Ende weniger spektakulär, als die vielen Regeln vermuten lassen: solide Grundwerte, anpassbar gehalten – und der Mut, eine schöne, aber unbelegte Faustregel auch mal als das zu benennen, was sie ist.