Version 2.0 — Überarbeitet und erweitert 2026

The Universal Web.

Typografische Richtlinien für die Barrierefreiheit von Bildschirmtext. Begonnen an der Rhode Island School of Design mit Unterstützung der Markle Foundation und hier für das moderne Web überarbeitet: hochauflösende Displays, Variable Fonts, WCAG 2.2 und zwei Jahrzehnte neuer Leserlichkeitsforschung.

Diese Seite wurde mit AI-Unterstützung übersetzt. Das englische Original ist maßgeblich.

Inhalt

  1. 01EinführungEine Revision der Universal-Web-Richtlinien nach zwanzig Jahren: typografische Barrierefreiheits-Erkenntnisse aus der Zeit um 2005, neu geprüft an hochauflösenden Displays, Variable Fonts, WCAG 2.2 und dem modernen responsiven Web.5 min read
  2. 021.0 Der BuchstabeDie Gestaltungsfaktoren, die die Leserlichkeit von Buchstabenformen auf dem Bildschirm bestimmen — Stil, Strichstärke, Neigung, Schriftbreite und Abstände — aktualisiert für hochauflösendes Rendering, Punzenöffnungs-Forschung und Variable-Font-Achsen.6 min read
  3. 031.1 SchriftstilWarum die Regel von 2005 – 'am Bildschirm serifenlose Schrift verwenden' – auf hochauflösenden Displays nicht mehr gilt, und was stattdessen zu prüfen ist: x-Höhe, Öffnungen, Buchstabenunterscheidbarkeit und Renderqualität.6 min read
  4. 041.2 SchriftgrößeVom festen 14-Punkt-Minimum zum resilienten System: 16px als Untergrenze für Fließtext, rem-basierte Größen, die Nutzerpräferenzen respektieren, die Resize-Anforderungen der WCAG 1.4.4 und fluide Skalierung mit clamp().6 min read
  5. 051.3 StrichstärkeDie Regel „regular bis leicht fett“, neu aufgebaut für 2026: kontinuierliche variable Strichstärkenachsen, Strichstärkenkompensation im Dark Mode mit Grades, das Modeproblem der Ultraleicht-Schnitte und das Zusammenspiel von Strichstärke und WCAG-Kontrast.6 min read
  6. 061.4 SchriftneigungAufrechte Antiqua-Buchstabenformen bleiben die richtige Wahl für durchgehenden Text; Kursiven gehören in kurze Auszeichnungspassagen, und echte Kursiven schlagen synthetische Obliques jedes Mal.6 min read
  7. 071.5 SchriftbreiteNormale bis leicht schmale Breiten bleiben am leserlichsten; die variable wdth-Achse macht die Schriftbreite nun zum responsiven Gestaltungswerkzeug — vorausgesetzt, man täuscht sie niemals durch horizontale Skalierung vor.6 min read
  8. 081.6 Ausgewählte SchriftenSchriften nach messbaren Leserlichkeitskriterien auswählen — x-Höhe, Punzenöffnungen, Zeichenunterscheidbarkeit, Zurichtung — statt nach Namen, und Marketingaussagen über „barrierefreie Schriften“ mit informierter Skepsis begegnen.6 min read
  9. 092.0 Das WortLesbarkeit auf Wortebene für das Lesen am Bildschirm — Groß- und Kleinschreibung, Abstände, Zeilenlänge, Hierarchie und klares Schreiben — fundiert im modernen Verständnis dessen, wie Augen und Verstand tatsächlich lesen.6 min read
  10. 102.1 Groß- und KleinschreibungDer gemischte Satz bleibt für fortlaufenden Text richtig — doch die Wortbild-Erklärung ist tot; Lesende erkennen Buchstaben parallel, und Versalsatz liest sich langsamer aus Gründen der Übung und der Buchstabenähnlichkeit, nicht der Silhouette.6 min read
  11. 112.2 Kerning und WortabstandWie Kerning und Wortabstand das Lesen am Bildschirm prägen, warum Blocksatz ohne Silbentrennung noch immer scheitert und was WCAG 1.4.12 von Ihren Abstandsentscheidungen verlangt.6 min read
  12. 122.3 LaufweiteBuchstabenabstand ist größenabhängig: Er hilft Kapitälchen und Beschriftungen, schadet meist dem Fließtext und muss die Nutzer-Überschreibungen tolerieren, die WCAG 1.4.12 garantiert.6 min read
  13. 132.4 ZeilenabstandDurchschuss für das Lesen am Bildschirm: einheitenloses CSS line-height, die WCAG-1.4.12-Anforderung, 1,5 zu tolerieren, und warum der richtige Wert von der Zeilenlänge abhängt.6 min read
  14. 142.5 ZeilenlängeDie Satzbreite von 55–65 Zeichen hält auch zwei Jahrzehnte später stand — heute direkt in CSS mit ch-Einheiten ausdrückbar und begrenzt durch die 80-Zeichen-Leitlinie der WCAG und die 320px-Reflow-Anforderung.6 min read
  15. 152.6 SchrifthierarchienTypografische Hierarchie im Jahr 2026: modulare und fluide Skalen mit clamp(), strukturelle Überschriften-Semantik gemäß WCAG 1.3.1 und Hierarchie, die aus Strichstärke und Raum statt allein aus Größe gebaut wird.6 min read
  16. 163.0 Farbe und KontrastWie Kontrastverhältnisse funktionieren, wo die Mathematik der WCAG 2.x zu kurz greift und warum mehr Kontrast nicht für jede Leserin besser ist.6 min read
  17. 173.1 Dark Mode und LeseflächenWas die Forschung zur Display-Polarität über helle und dunkle Leseflächen sagt, wem welche dient und wie man ein dunkles Theme baut, das leserlich bleibt.6 min read
  18. 183.2 Variable FontsWie Variable Fonts Strichstärke, Breite und optische Größe in stufenlose Instrumente für Leserlichkeit, Performance und Personalisierung durch Lesende verwandeln.6 min read
  19. 193.3 Fluide und responsive TypografieWie fluide Schriftskalen, Container Queries und moderne CSS-Textwerkzeuge jedem Bildschirm dienen können, ohne die eigenen Einstellungen der Lesenden zu übergehen.6 min read
  20. 203.4 Bewegung und LesenWarum bewegter Text unlesbarer Text ist, wie Animation vestibulär empfindlichen Lesenden körperlich schaden kann und wie respektvolle Bewegung aussieht.6 min read
  21. 213.5 Lesen und KognitionKognitive Barrierefreiheit für Text: einfache Sprache, die ehrliche Evidenzlage zu Dyslexie-Schriften und Personalisierung als das eigentliche Zukunftsfeld.6 min read