Bildbeschreibung: Ein Typografie-Musterbuch mit verschiedenen serifenlosen Schriften, auf dem ein Zeilenmaßstab und eine Lesebrille liegen — das visuelle Erkennungszeichen für inklusive Typografie.
Lesedauer: 9 Minuten
Schrift ist die Ebene eines digitalen Produkts, die die meisten Lesenden nie bewusst wahrnehmen — bis sie versagt. Für eine legasthene Person, eine Person mit Seheinschränkung oder eine Person mit Aufmerksamkeitsdefizit-Merkmalen liegt der Unterschied zwischen einer angenehmen Seite und einer erschöpfenden oft in Millimetern Durchschuss, Hundertsteln eines Em bei der Buchstabenspationierung und einem Schriftgrößenwert, der vor sechs Monaten im Stylesheet gesetzt und seitdem nie wieder überprüft wurde. Inklusive Typografie ist die Disziplin, diese Werte auf der Grundlage dessen zu wählen, was die Lesbarkeitsforschung tatsächlich belegt — und nicht danach, was im Titelbild eines Portfolios „designerisch“ wirkt.
Dieser Primer kartiert das Feld im Stand von 2026. Er behandelt die Schriftwahl — einschließlich der bekannten, aber dünn belegten Behauptung rund um OpenDyslexic und der besser abgesicherten Alternativen in Atkinson Hyperlegible und der Tiresias-Familie. Er erläutert die vier numerischen Stellschrauben, die durch das WCAG 2.2-Erfolgskriterium 1.4.12 Textabstand festgelegt sind: Zeilenabstand, Buchstabenabstand, Wortabstand und Absatzabstand. Und er schließt mit den unterschätzten Stellschrauben, auf die die Forschung immer wieder hinweist — Zeilenlänge, Ausrichtung und eine vernünftige Mindestschriftgröße. Was Menschen mit Seheinschränkungen hilft, deckt sich der Forschung zufolge erheblich mit dem, was legasthenen Lesenden und Lesenden mit ADHS-bedingter Aufmerksamkeit nützt.
Schriftwahl: Was die Forschung sagt (und was nicht)
Es gibt einen weitverbreiteten Glauben, dass eine „Legasthenie-Schrift“ existiert und dass ein Wechsel zu einer solchen das Lesen für legasthene Nutzende wesentlich verbessern wird. Die zwei am häufigsten genannten Schriften sind OpenDyslexic (2011 als kostenlose Open-Source-Schrift veröffentlicht) und Dyslexie (ein kommerzielles Design von Christian Boer aus dem Jahr 2008). Beide teilen eine markante Designstrategie: gewichtete Unterseiten jedes Glyphen, um Buchstaben an der Grundlinie zu „verankern“, übertriebene Öffnungen bei Buchstaben wie c und e sowie eine stärkere Differenzierung zwischen spiegelbildlichen Paaren (b/d, p/q, n/u). Die visuelle Logik ist intuitiv und das Marketing war wirkungsvoll. Die Belege sind jedoch dünner als das Marketing vermuten lässt.
Die meistzitierte empirische Studie — Rello und Baeza-Yates (2013) — fand keinen signifikanten Vorteil bei der Lesegeschwindigkeit für legasthene Lesende bei Verwendung von OpenDyslexic im Vergleich zu konventionellen serifenlosen Schriften. Eine Folgestudie von Wery und Diliberto (2017) in den Annals of Dyslexia testete Kinder mit Legasthenie beim Lesen in Times New Roman, Arial und OpenDyslexic und fand keinen konsistenten Vorteil der legastheniespezifischen Schrift. Eine Überprüfung der British Dyslexia Association aus dem Jahr 2018 kam zu dem Schluss, dass keine einzelne Schrift nachweislich eine gut gestaltete, schlichte serifenlose Schrift für legasthene Lesende in Bezug auf Lesegeschwindigkeit, Genauigkeit und Verständnis übertroffen hatte — in einem Maß, das ihre Verschreibung als Behebungsinstrument gerechtfertigt hätte. Der Folgekommentar derselben Vereinigung aus dem Jahr 2024 bekräftigte diese Position.
Was dieselbe Forschungsgrundlage hingegen stützt, ist, dass Schriftdesign-Entscheidungen wichtig sind — nur nicht so, wie die Legasthenie-Schrift-Werbung behauptet. Die Merkmale, die die Lesbarkeit für legasthene Lesende verbessern, sind dieselben, die die Lesbarkeit für Menschen mit Seheinschränkungen und für Lesende verbessern, die unter suboptimalen Lichtverhältnissen lesen:
- Großzügige x-Höhe — die Höhe des Kleinbuchstabenkörpers im Verhältnis zur Versalhöhe. Eine größere x-Höhe erleichtert die Identifikation einzelner Glyphen bei kleineren Darstellungsgrößen.
- Eindeutige Buchstabenformen — klare Unterscheidung zwischen dem Kleinbuchstaben l, dem Großbuchstaben I und der Ziffer 1; zwischen Null und dem Großbuchstaben O; zwischen c, e und o sowie zwischen den Spiegelpaaren b/d und p/q.
- Offene Apertur — die Öffnungen in Buchstaben wie c, e, a und s sollten weit offen sein, nicht geschlossen. Geschlossene Aperturen kollabieren bei kleinen Größen und in niedrigem Kontrast.
- Gleichmäßiges Strichgewicht — kontrastreiche Schriften (dicke Vertikalen, dünne Horizontalen) verringern die Lesbarkeit bei kleinen Größen für Menschen mit Seheinschränkungen; ein gleichmäßiger oder mäßig kontrastierter Strich ist robuster.
- Großzügige Abstände, bereits in die Schrift eingebaut — manche Schriften werden mit engen Standardmaßen ausgeliefert, die dem Lesenden schon vor der Anwendung von CSS Widerstand leisten.
Die zwei Schriften, die sich am stärksten auf die Forschung stützen lassen, sind Atkinson Hyperlegible, 2019 speziell für Menschen mit Seheinschränkungen vom Braille Institute entworfen und veröffentlicht, und die Tiresias-Familie, ursprünglich in den 1990er-Jahren für Untertitel und Bildschirmnutzung beim RNIB entworfen und noch immer im britischen Rundfunk-Barrierefreiheitsbereich im Einsatz. Atkinson Hyperlegible ist kostenlos, verfügt über eine umfangreiche Sprachabdeckung und ist als Standardoption in den Barrierefreiheitseinstellungen mehrerer Betriebssysteme enthalten. Ihre Designentscheidungen — übertriebene Differenzierung zwischen 0 und O, zwischen 1 und I und l, zwischen c und e — wurden während der Entwicklung mit Menschen mit Seheinschränkungen getestet, und dieselben Entscheidungen helfen legasthenen Lesenden, weil die zugrundeliegenden Verwechslungsmuster sich überlappen.
Die ehrliche Zusammenfassung lautet daher: Es sollte nicht versprochen werden, dass eine legastheniespezifische Schrift das Lesen für eine legasthene Person verbessern wird. Zu wählen ist eine gut gestaltete serifenlose Schrift mit großzügiger x-Höhe, klarer Buchstabendifferenzierung, offenen Aperturen und gleichmäßigem Strichgewicht. Atkinson Hyperlegible ist eine starke Standardwahl. Ebenso Tiresias für reine Bildschirmkontexte. Ebenso, für entsprechende Zwecke, eine gut gesetzte Version von Verdana, Tahoma, Trebuchet MS oder der System-UI-Schrift des jeweiligen Betriebssystems. Die Forschung sagt nicht „verwende diese eine Schrift“; sie sagt „verwende keine kontrastreiche, x-höhen-arme, engaperturige Displayschrift für Fließtext.“
Zeilenabstand: der 1,5-fache Boden
Wenn die Schriftwahl der meistdiskutierte Hebel in der inklusiven Typografie ist, ist der Zeilenabstand der am stärksten unterschätzte. WCAG 2.2-Erfolgskriterium 1.4.12 Textabstand macht den Mindestwert explizit: Wenn eine Nutzerin oder ein Nutzer ein Stylesheet-Override anwendet, um den Textabstand zu erhöhen, darf kein Inhalt oder keine Funktionalität verloren gehen. Die vier Einschränkungen in 1.4.12 sind: Zeilenabstand von mindestens 1,5-mal der Schriftgröße; Abstand nach Absätzen von mindestens 2-mal der Schriftgröße; Buchstabenabstand von mindestens 0,12-mal der Schriftgröße; und Wortabstand von mindestens 0,16-mal der Schriftgröße. Dies sind die Minimalwerte, die die Seite aufnehmen muss, ohne zu brechen. Sie sind jedoch nicht die einzigen Werte, die es zu kennen gilt — sie sind die Untergrenze des Akzeptablen.
Der Mechanismus, durch den der Zeilenabstand Lesenden hilft, ist gut erforscht. Wenn Zeilen eng gesetzt sind — ein Durchschuss von 1,0 oder 1,1 — drängen die Unterlängen einer Zeile an die Oberlängen der nächsten und erzeugen visuelle Interferenzen, die das Auge auflösen muss, bevor es Glyphenformen identifizieren kann. Für einen durchschnittlich lesenden Erwachsenen erfolgt diese Auflösung automatisch. Für eine legasthene Person, die ohnehin mehr kognitive Kapazität für Buchstabenidentifikation und Wortsegmentierung aufwendet, sind die zusätzlichen Kosten der Auflösung von Zeileninterferenzen nicht unerheblich. Dasselbe gilt für eine Person mit Seheinschränkung, deren effektive Zeichengröße nach der Vergrößerung kleiner ist als der Durchschnitt. Ein angemessener Zeilenabstand isoliert jede Zeile als ihr eigenes horizontales Band, was die Neigung des Auges verringert, Zeilen zu überspringen oder dieselbe Zeile erneut zu lesen — eine dokumentierte Schwierigkeit für legasthene Lesende.
Die Forschungsgrundlage empfiehlt einen Durchschuss von ungefähr 1,4 bis 1,6 für Fließtext auf dem Bildschirm — der genaue Wert hängt von Schrift, Größe und Zeilenlänge ab. Für das Lesen langer Texte ist ein Durchschuss von 1,5 eine sichere Standardeinstellung; für kürzere Textblöcke bei etwas größeren Schriftgrößen kann 1,4 gut lesbar sein; für enge Spalten bei kleinen Schriftgrößen sind manchmal 1,6 bis 1,7 angebracht. Der WCAG-Mindestwert von 1,5 liegt am unteren Ende dieses Bereichs, weshalb er eine Untergrenze ist, kein Zielwert. Wenn eine Seite line-height: 1.5 setzt, entspricht sie 1.4.12. Wenn eine Seite line-height: 1.6 setzt, entspricht sie ebenfalls und ist für die Lesenden, für die das Kriterium geschrieben wurde, angenehmer zu lesen.
Buchstabenabstand und Wortabstand
Die beiden Abstandshebel innerhalb des Wortes — Buchstabenabstand (Laufweite) und Wortabstand — werden am häufigsten standardmäßig auf null belassen. Die meisten gut gestalteten Schriften werden mit Maßen ausgeliefert, die für die Größe funktionieren, für die sie entworfen wurden — auf dem Bildschirm tendiert dies zu einer Laufgröße von 14–16 px. Die WCAG-1.4.12-Minimalwerte verlangen, dass die Seite Buchstabenabstand von 0,12em und Wortabstand von 0,16em aufnimmt, ohne zu brechen. Autorinnen und Autoren sind nicht verpflichtet, diese Werte zu setzen; sie sind verpflichtet, nicht zu brechen, wenn ein User Agent sie anwendet.
Der Mechanismus für den Buchstabenabstand ähnelt dem des Zeilenabstands: Eine geringe Laufweite — in der Größenordnung von 0,02em bis 0,05em für Fließtext in einer serifenlosen Schrift — verringert das wahrnehmungsbezogene Gedränge zwischen benachbarten Glyphen. Der Effekt ist am ausgeprägtesten bei Menschen mit Seheinschränkungen, die vergrößerten Text lesen, wo Buchstaben, die sich berühren oder fast berühren, zu einem einzigen visuellen Cluster verschmelzen können, und bei legasthenen Lesenden, für die die Buchstabenidentifikation der zeitbegrenzende Schritt ist. Dieselbe bescheidene Laufweite hilft in Bildschirmumgebungen, in denen das Sub-Pixel-Rendering weniger genau ist (hochauflösende Displays, die mit nicht ganzzahligen Skalierungsfaktoren betrieben werden, zum Beispiel).
Der Wortabstand ist der oft übersehene Bruder. In einem Blocksatz-Textblock (den inklusive Typografie vermeiden sollte — siehe unten) dehnen und komprimieren sich Wortabstände unvorhersehbar, während der Renderer die Zeilenbreiten ausgleicht. In einem linksbündigen Block ist der Wortabstand konstant. Ein Wortabstand von ungefähr 0,16em — ungefähr der WCAG-Mindestwert, wenn er als positiver Offset angewendet wird — verbessert die Wortsegmentierung für legasthene Lesende, was ein dokumentierter Engpass ist. Derselbe Wert hilft beim Text-zu-Sprache-Vorlesebetrieb und verbessert den Rhythmus des Finger-Trackings für Nutzende taktiler Lupen.
Das praktische Rezept für Fließtext auf einer inhaltsreichen Website in CSS-Begriffen sieht folgendermaßen aus:
- font-size: mindestens 16 px (1rem bei einer 16-px-Wurzel), vorzugsweise 17–18 px für Langform-Prosa
- line-height: 1,5 mindestens, 1,6 bevorzugt für den Fließtext
- letter-spacing: 0 bis 0,02em für die meisten serifenlosen Schriften; bis zu 0,05em bei Schriften mit Serifen-Einschlag oder bei kleinen Größen
- word-spacing: 0 als Standard, wobei die Seite getestet werden muss, um bei nutzerseitig angewendetem 0,16em funktionsfähig zu bleiben
Absatzabstand
Der vierte Wert in WCAG 1.4.12 ist der Absatzabstand: mindestens 2-mal die Schriftgröße zwischen Absätzen, wenn eine Nutzerin oder ein Nutzer das Override anwendet. Der Mechanismus ist visuelle Gliederung. Das Auge liest in Sakkaden — schnellen Sprüngen zwischen Fixationspunkten — und ein klar abgegrenztes Absatzende lässt das Auge zurücksetzen, ohne in den nächsten Absatz überzuschießen. Für Lesende mit Aufmerksamkeitsdefizit-Merkmalen ist ein klarer Absatzumbruch eine eingebaute Pause; für eine Person mit Seheinschränkung, die eine Vergrößerung verwendet, ist er ein struktureller Orientierungspunkt, der den Verlust des horizontalen Kontexts übersteht, den die Vergrößerung mit sich bringt.
In der Praxis bedeutet dies, die übliche visuelle Designentscheidung zu vermeiden, Absätze nur mit einem Tabulator-Einzug zur Trennung zusammenzuführen. Die Einzug-basierte Absatztrennung ist im Druck bei Druckschriftgrößen und in Zeitungsspalten mit starken Zwischenspaltenlinien gut lesbar; sie übersteht die Übertragung auf einen 320 Pixel breiten Handybildschirm bei 18 px Laufgröße nicht. Eine klare Leerzeile — ungefähr gleich einer Zeilenhöhe, die bequem über dem 2-fachen-Schriftgrößen-Minimum liegt — ist die sicherere Standardeinstellung.
Unterschätzte Hebel: Zeilenlänge, Ausrichtung und Mindestgröße
Drei Hebel, die nicht in WCAG 1.4.12 erscheinen, aber wiederholt in der Lesbarkeitsliteratur auftauchen, sind Zeilenlänge, Textausrichtung und Mindestschriftgröße. Jeder von ihnen ist unsichtbar, bis man ihn misst; jeder von ihnen hat einen bedeutenden Effekt auf legasthene Lesende und Menschen mit Seheinschränkungen.
Zeilenlänge ist die horizontale Breite einer Textspalte, üblicherweise in Zeichen pro Zeile (ZPZ) gemessen. Forschungen von Bringhurst, Tinker und nachfolgenden Studien zur Lesbarkeit auf dem Bildschirm konvergieren auf ein angenehmes Band von 50–75 Zeichen pro Zeile für den Druck und 60–80 für den Bildschirm. Unter 45 ZPZ sakkadiert das Auge zu häufig und der Leserhythmus fragmentiert; über 90 ZPZ verliert das Auge beim Rücksprung an der rechten Seite die Spur, auf welcher Zeile es sich befindet — eine dokumentierte Schwierigkeit für legasthene Lesende und für Menschen mit Seheinschränkungen bei Nutzung von Vergrößerung. Für eine Laufgröße von 16–18 px beim empfohlenen Zeilenabstand entspricht dieses Band typischerweise einer Spaltenbreite von ungefähr 32–42em (etwa 500–700 px in einem Desktop-Layout). Die Tatsache, dass die meisten Blog- und Redaktionswebsites Inhaltsspalten noch immer auf 800–900 px Breite bei 16 px Laufgröße setzen — was 95–110 ZPZ ergibt — ist ein bedeutsames inklusives Designversagen.
Textausrichtung ist der zweite unterschätzte Hebel. Fließtext sollte in Links-nach-Rechts-Schriften linksbündig ausgerichtet sein (oder rechtsbündig in Rechts-nach-Links-Schriften), mit einem flatternden gegenüberliegenden Rand. Blocksatz — bei dem der Renderer die Wortabstände anpasst, um beide Ränder bündig zu machen — erzeugt ungleichmäßige und unvorhersehbare Wortabstände. Die Variabilität stört die Wortsegmentierung für legasthene Lesende und erzeugt sichtbare „Flüsse“ aus Weißraum, die vertikal durch die Spalte verlaufen, was Menschen mit Seheinschränkungen als visuell störend empfinden. Blocksatz ist eine Drucktypografie-Konvention, die von engen CSS- oder manuell gesetzten Buchstaben- und Silbentrennungsanpassungen abhängt. In der modernen Webtypografie sind die Kosten selten gerechtfertigt. Linksbündiger, flatternder Text ist der inklusive Standard.
Mindestschriftgröße ist der dritte Hebel. Das Web hat sich durch Zufall mehr als durch Absicht auf eine Laufgröße von 16 px (1rem bei Standard-Wurzelgröße) eingespielt. Dieser Wert ist die Untergrenze — Menschen mit Seheinschränkungen vergrößern routinemäßig auf 200% oder mehr, und eine 16-px-Untergrenze erlaubt dies, ohne dass die Seite zusammenbricht. Fließtext kleiner als 16 px zu setzen — 13 px, 14 px, sogar das viel bevorzugte „elegante“ 15 px — drückt das vergrößerte Lesen über die 400%-Reflow-Obergrenze, die WCAG 1.4.10 Reflow definiert, und es setzt das unverstärkte Lesen unter die Komfortschwelle für die meisten Erwachsenen über 40. Der Fließtext sollte mindestens 16 px betragen, 17–18 px sind bevorzugt. Bildunterschriften, Fußnoten und Metadaten können bei 14–15 px liegen, da ihre Funktion ergänzend ist. Der Fließtext kann das nicht.
Was die Forschung tatsächlich sagt
Über die Lesbarkeitsliteratur der letzten zwei Jahrzehnte hinweg synthetisiert — die Stil-Leitfaden-Aktualisierungen der British Dyslexia Association, die vom Braille Institute veröffentlichte Design-Begründung für Atkinson Hyperlegible, die Arbeitsgruppen-Notizen des W3C zu WCAG 1.4.12 sowie den akademischen Strang, der von Tinker über Beier und Larson bis zu Rello führt — treten drei Beobachtungen wiederholt auf.
Erstens: Es gibt keine einzelne „Legasthenie-Schrift“, von der in kontrollierten Studien gezeigt worden wäre, dass sie das Lesen für legasthene Nutzende wesentlich verbessert. Die in den letzten fünfzehn Jahren veröffentlichten legastheniespezifischen Schriften haben gut gestaltete, schlichte serifenlose Schriften in direkten Vergleichstests nicht übertroffen. Das Marketing ist dem Forschungsstand vorausgeeilt.
Zweitens: Die typografischen Entscheidungen, die nachweislich legasthenen Lesenden helfen, helfen auch Menschen mit Seheinschränkungen und Lesenden mit Aufmerksamkeitsmuster-Schwierigkeiten. Die Überschneidung ist kein Zufall — sie spiegelt die Tatsache wider, dass alle drei Lesergruppen darauf angewiesen sind, dass dieselben niedrigschwelligen Mechanismen (Buchstabenidentifikation, Wortsegmentierung, Zeilenverfolgung) so wenig aufwändig wie möglich gemacht werden. Eine Seite, die beim Zeilenabstand großzügig, beim Buchstabenabstand bescheiden, bei der Zeilenlänge angenehm und linksbündig ausgerichtet ist, ist eine Seite, die für alle besser lesbar ist, wobei der Effekt am langen Ende der Leserverteilung konzentriert ist.
Drittens: Der WCAG-1.4.12-Mindestwert ist ein Mindestwert. Eine Seite, die ihn erfüllt, ist konform; eine Seite, die ihn übertrifft — 1,6-facher Zeilenabstand, 0,03em Laufweite, 16–18 px Laufgröße, 65 ZPZ-Spalten, linksbündig mit Absatzumbrüchen von einer vollen Zeile — ist für die Lesenden, die das Kriterium schützen soll, sichtbar angenehmer zu lesen und für alle anderen nicht schlechter.
Was mitzunehmen ist
Inklusive Typografie ist weder exotisch noch teuer. Es geht darum, eine gut gestaltete serifenlose Schrift zu wählen, den Fließtext auf mindestens 16 px bei einem Zeilenabstand von 1,5 oder mehr zu setzen, den Buchstabenabstand nahe null zu lassen und bis zu 0,05em zu akzeptieren, wo die Schrift es erfordert, die Zeilenlänge im Band von 60–80 Zeichen zu halten und Text linksbündig statt im Blocksatz auszurichten. Keine dieser Entscheidungen erfordert eine neue Schriftlizenz, ein Redesign oder einen Beschaffungszyklus. Sie erfordern ein CSS-Audit und die Bereitschaft, die Typografievariablen zu überprüfen, die am ersten Tag des Projekts gesetzt und seitdem nie überarbeitet wurden.
Die Frage nach der Legasthenie-Schrift ist ein nützlicher Diagnostik-Indikator für den Stand einer Designorganisation in Bezug auf den Forschungsstand. Eine Organisation, die OpenDyslexic als „Barrierefreiheits-Feature für Legasthenie“ eingeführt hat, hat das Erscheinungsbild von Maßnahmen über die Lesbarkeitsliteratur gestellt. Eine Organisation, die ihren Fließtext auf x-Höhe, Apertur und Strichkontrast hin überprüft hat und Atkinson Hyperlegible oder eine vergleichbar gut gestaltete Systemschrift für Langform-Inhalte als Standard verwendet, hat die anspruchsvollere, weniger fotogene, dauerhaftere Arbeit geleistet. Der nächste Artikel in diesem Strang betrachtet dasselbe Problem von der anderen Seite: wie nutzerseitig angewendete Stylesheet-Overrides und Reader-Mode-Tools mit den typografischen Entscheidungen interagieren, die eine Website-Autorin oder ein Website-Autor bereits getroffen hat.