← Zurück zu Grundlagen Gestaltung
Leserlichkeit (Legibility) bezeichnet die Erkennbarkeit einzelner Buchstaben und Zeichen auf einem Ausgabemedium; Lesbarkeit (Readability) bezeichnet die Qualität des Leseflusses in zusammenhängendem Text.

Rubrik: Grundlagen der Gestaltung · Unterrubrik: Typografie · Niveau: Fortgeschritten

Synonyme / Auch bekannt als: Legibility vs. Readability, Zeichenlesbarkeit vs. Textlesbarkeit, Erkennbarkeit, Lesefreundlichkeit


Was ist der Unterschied zwischen Lesbarkeit und Leserlichkeit?

Die beiden Begriffe klingen ähnlich und werden im Deutschen oft verwechselt, bezeichnen aber klar unterschiedliche Phänomene auf verschiedenen Ebenen der Typografie.

Leserlichkeit ist eine Eigenschaft der Schrift selbst, ihre Fähigkeit, einzelne Zeichen unter gegebenen Bedingungen eindeutig erkennbar zu machen. Die Frage lautet: «Kann ich dieses ‹a› von einem ‹o› unterscheiden? Erkenne ich sofort, dass das ein ‹I› und kein ‹l› ist?»

Lesbarkeit ist eine Eigenschaft des Schriftsatzes, die Summe aller typografischen Parameter, die bestimmen, wie angenehm und mühelos ein längerer Text gelesen werden kann. Die Frage lautet: «Fließt dieser Text? Ermüden meine Augen nicht? Finde ich nach jedem Satz die nächste Zeile?»

Eine Schrift kann hohe Leserlichkeit bei schlechter Lesbarkeit aufweisen: Gotische Druckschrift (Fraktur) ist für geübte Leser gut leserlich (Buchstaben erkennbar), aber in langen Texten schlecht lesbar (ungeübte Leser sind schnell erschöpft). Umgekehrt kann eine hochoptimierten Lesetext-Schrift wie Sabon oder Charter exzellente Lesbarkeit im Fließtext haben, während ihre Leserlichkeit bei sehr kleinen Größen nachlässt.


Erklärung: Faktoren und Richtwerte

Leserlichkeit (Legibility), Einflussfaktoren

1. Buchstabenunterscheidbarkeit (Distinctiveness) Wie unterschiedlich sehen ähnliche Buchstaben aus? Kritische Kombinationen:

  • Il1 (I, l, 1), besonders kritisch in serifenlosen Schriften
  • 0O (Null, O), Schriften mit Null-Schrägstrich (0̸) verbessern Leserlichkeit in Code
  • rn vs. m, zu ähnliche Formen verwechselbar bei geringer Auflösung
  • qpbd, Spiegelformen, die in bestimmten Schriften zu ähnlich wirken

2. x-Höhe Schriften mit hoher x-Höhe (62–72 % der Versalhöhe) sind bei kleinen Graden leserlicher. Beispiel: Verdana x-Höhe 59 %; Garamond x-Höhe 44 %. Verdana ist bei 10 px auf Screen leserlicher als Garamond.

3. Offenheit der Buchstabenformen Wie weit offen sind «c», «e», «a»? Eng geschlossene Formen werden leichter mit benachbarten Buchstaben verwechselt. Schriften mit hoher Apertur (Öffnung) sind leserlicher, besonders auf geringer Auflösung.

4. Strichkontrast Extremer Strichkontrast (Bodoni, Didot: bis 1:15) erzeugt bei kleinen Größen oder geringer Druckqualität sog. «Inkfallen», Haarlinie verschwindet. Moderater Kontrast (Times, Palatino: ca. 1:4) ist robuster.

5. Medium und Ausgabequalität

  • Screen (96 dpi): Serifenlose Schriften mit hoher x-Höhe bevorzugt
  • Screen (192 dpi, Retina): Serifenschriften problemlos
  • Offset-Druck (600–1200 dpi): Auch feine Haarlinen stabil
  • Zeitungsdruck (Hochdruck, Recyclingpapier): Robuste Schriften, mind. 0,3 pt Strichstärke

Lesbarkeit (Readability), Einflussfaktoren und Richtwerte

ParameterEmpfehlung PrintEmpfehlung Web
Schriftgrad9–12 pt15–18 px
Zeilenabstand120–145 %150–165 %
Zeilenlänge55–75 Zeichen55–75 Zeichen
Kontrast Text/Hintergrund≥ 4,5:1 (WCAG AA)≥ 4,5:1 (WCAG AA)
SatzartBlocksatz (mit Silbentrennung)Flattersatz (links)
SchriftschnittRegular (keine Kursive als Fließtext)Regular

Zeilenlänge: Die Forschung (Bringhurst 2004, Hochuli 2008) zeigt: Optimale Zeilenlänge liegt bei 55–75 Zeichen (ca. 35–55 mm Spaltenbreite bei 10 pt). Zu kurze Zeilen (< 40 Zeichen) erzeugen zu viele Zeilensprünge; zu lange (> 85 Zeichen) überlasten das Kurzzeitgedächtnis beim Zeilenrücklauf.

Kontrastanforderungen WCAG 2.1:

  • Normal Text (< 18 pt / < 14 pt Bold): Kontrast ≥ 4,5:1 (AA), ≥ 7:1 (AAA)
  • Großer Text (≥ 18 pt / ≥ 14 pt Bold): Kontrast ≥ 3:1 (AA), ≥ 4,5:1 (AAA)
  • Dekorationstext und inaktive UI-Komponenten: keine Anforderung

Beispiele: 5 Praxisanwendungen

  1. Leserlichkeit, Passwortfeld in Formularen: In serifenlosen Systemschriften (Arial) sind I, l und 1 fast identisch. Für Passwörter und Codes: Schriften mit expliziter Null (0̸) und distinguierten l/I/1-Formen wie Roboto Mono, Courier New oder JetBrains Mono einsetzen.
  2. Lesbarkeit, Taschenbuch mit Sabon: 10,5 pt / 14 pt Leading, 65 Zeichen/Zeile auf DIN A5, klassisches Buch-Setup. Sabon ist speziell für Fließtext optimiert: mittlere x-Höhe, geringe Strichspannung, offene Buchstabenformen.
  3. Leserlichkeit, Arzneimittelverpackung: EU-Richtlinie 2004/27/EG schreibt Mindestschriftgröße 6 pt für Pflichtangaben vor. In der Praxis sind leserliche Schriften mit großer x-Höhe (mind. 55 %) bei diesem Grad überlebenswichtig, buchstäblich.
  4. Lesbarkeit, Nachrichtenwebseite: Spiegel Online nutzt 18 px / 1,6 Leading / max. 680 px Textbreite (≈ 65 Zeichen). Diese Parameter entstammen empirischen Lesbarkeitsuntersuchungen für Online-News.
  5. Leserlichkeit auf Signage: Helvetica Neue im öffentlichen Verkehr (Metro, Bahnhöfe): Aus 15 m Distanz bei 80 km/h: mindestens 20 cm Versalhöhe, Kontrastfarbe Schwarz auf Weiß (7:1), keine Kursive.

In der Praxis

Leserlichkeitstest in der Praxis:

  1. Text auf sehr kleine Größe reduzieren (7–8 pt) und prüfen, ob kritische Buchstabenpaare noch unterscheidbar sind
  2. Screenshot leicht unscharf machen (Weichzeichner) und auf Lesbarkeit prüfen
  3. Text in Graustufen betrachten, sind alle Buchstaben noch erkennbar?

Lesbarkeitstest:

  1. Probeausdruck auf Zielmedium herstellen und 5 Minuten lesen, ermüden die Augen?
  2. Eye-Tracking-Test (wenn Ressourcen vorhanden) mit Leseaufgabe
  3. WCAG-Kontrast mit WebAIM Contrast Checker prüfen: webaim.org/resources/contrastchecker

Barrierefreiheit (Accessibility) und Lesbarkeit: BITV 2.0 (Barrierefreie-Informationstechnik-Verordnung, Deutschland) orientiert sich an WCAG 2.1. Pflichten für öffentliche Websites in Deutschland: mindestens WCAG 2.1 Level AA. Kontrast ≥ 4,5:1 für Fließtext ist gesetzliche Anforderung.


Vergleich & Abgrenzung

Serife vs. Serifenlose Lesbarkeit: Die verbreitete Faustregel, Serifenschriften seien für Print-Fließtext besser lesbar, ist wissenschaftlich nicht gesichert. Meta-Analysen (Lund 1997, Boyarski et al. 1998) finden keine signifikanten Unterschiede, wenn Schriftgröße, Zeilenabstand und Kontrast optimiert sind. Entscheidend: die Gesamtparameter des Schriftsatzes, nicht die Serifenform allein.

Leserlichkeit vs. Schönheit: Ästhetisch anspruchsvolle Schriften (Bodoni, extrem dünne Weights) können schwächere Leserlichkeit haben als nüchternere Schriften (Helvetica, Times). In einem ausgewogenen Design muss die Wahl zwischen ästhetischem Anspruch und funktionaler Leserlichkeit bewusst getroffen werden.


Häufige Fragen (FAQ)

Sind Serifenschriften wirklich besser lesbar als serifenlose? Nein, nicht generell. Die These stammt aus dem 19. Jahrhundert und wurde durch Studien wie Lund (1997) nicht bestätigt. Entscheidend sind Schriftgröße (≥ 9 pt Print, ≥ 14 px Screen), Zeilenabstand (120–145 %), Zeilenlänge (55–75 Zeichen) und Kontrast (≥ 4,5:1). Beide Schriftgattungen können auf diesen Parametern optimiert werden.

Wie messe ich Kontrast für Webtypografie? Kontrastverhältnis = (L1 + 0,05) / (L2 + 0,05), wobei L1 die relative Leuchtdichte der helleren und L2 die der dunkleren Farbe ist. Praktisch: WebAIM Contrast Checker (webaim.org) oder das Browser-Devtools-Accessibility-Panel. Ziel: ≥ 4,5:1 für normalen Fließtext.


Verwandte Einträge


Weiterführend

  • Lund, Ole (1997): Knowledge Construction in Typography: The Case of Legibility Research and the Legibility of Sans-Serif Typefaces. University of Reading.
  • Bringhurst, Robert (2004): The Elements of Typographic Style. 3. Aufl. Vancouver: Hartley & Marks, S. 18–25.
  • Hochuli, Jost (2008): Das Detail in der Typografie. Wilmington: Compugraphic, S. 10–28.
  • W3C (2018): Web Content Accessibility Guidelines (WCAG) 2.1. www.w3.org/TR/WCAG21.
← Zurück zu Grundlagen Gestaltung
Infotag · nächster Termin

Sei am Mittwoch dabei.
Bring Eltern oder Freunde mit.

Ein halber Nachmittag, der dir drei Jahre Klarheit bringen kann. Kostenlos, unverbindlich, ehrlich.

  • Rundgang durch Studios, Schnitträume und Tonstudio
  • Echte Absolventenfilme sehen
  • 1:1-Beratung zu Bewerbung & BAföG
  • Studierende direkt fragen
  • Kaffee, kein Sales-Pitch
  • Auch online möglich

Platz beim Infotag reservieren

Dauert 30 Sekunden. Bestätigung per E-Mail.
100 % kostenlos · keine Verpflichtung · jederzeit absagbar