Lesetext

Prinzip // Lesbar machen

Guter Lesetext fällt nicht auf.

Schlechter schon.

Beim Lesen gleiten die Augen nicht gleichmäßig über die Zeile. Sie springen von Punkt zu Punkt und ergänzen den Rest aus dem Zusammenhang. Am Zeilenende müssen sie zurück an den Anfang der nächsten Zeile. Ist die Zeile zu lang, finden sie den Anfang schlecht wieder. Ist sie zu kurz, reißt der Lesefluss ständig ab.

Zu lang: etwa 120 Zeichen

Beim Lesen gleiten die Augen nicht gleichmäßig über die Zeile. Sie springen von Punkt zu Punkt und ergänzen den Rest aus dem Zusammenhang. Am Zeilenende müssen sie zurück an den Anfang der nächsten Zeile. Ist die Zeile zu lang, finden sie den Anfang schlecht wieder. Ist sie zu kurz, reißt der Lesefluss ständig ab.

Zu kurz: etwa 25 Zeichen

Beim Lesen gleiten die Augen nicht gleichmäßig über die Zeile. Sie springen von Punkt zu Punkt und ergänzen den Rest aus dem Zusammenhang. Am Zeilenende müssen sie zurück an den Anfang der nächsten Zeile. Ist die Zeile zu lang, finden sie den Anfang schlecht wieder. Ist sie zu kurz, reißt der Lesefluss ständig ab.

Gut: etwa 65 Zeichen

Beim Lesen gleiten die Augen nicht gleichmäßig über die Zeile. Sie springen von Punkt zu Punkt und ergänzen den Rest aus dem Zusammenhang. Am Zeilenende müssen sie zurück an den Anfang der nächsten Zeile. Ist die Zeile zu lang, finden sie den Anfang schlecht wieder. Ist sie zu kurz, reißt der Lesefluss ständig ab.

Zu eng: 100 %

Beim Lesen gleiten die Augen nicht gleichmäßig über die Zeile. Sie springen von Punkt zu Punkt und ergänzen den Rest aus dem Zusammenhang. Am Zeilenende müssen sie zurück an den Anfang der nächsten Zeile. Ist die Zeile zu lang, finden sie den Anfang schlecht wieder. Ist sie zu kurz, reißt der Lesefluss ständig ab.

Zu weit: 220 %

Beim Lesen gleiten die Augen nicht gleichmäßig über die Zeile. Sie springen von Punkt zu Punkt und ergänzen den Rest aus dem Zusammenhang. Am Zeilenende müssen sie zurück an den Anfang der nächsten Zeile. Ist die Zeile zu lang, finden sie den Anfang schlecht wieder. Ist sie zu kurz, reißt der Lesefluss ständig ab.

Gut: 150 %

Beim Lesen gleiten die Augen nicht gleichmäßig über die Zeile. Sie springen von Punkt zu Punkt und ergänzen den Rest aus dem Zusammenhang. Am Zeilenende müssen sie zurück an den Anfang der nächsten Zeile. Ist die Zeile zu lang, finden sie den Anfang schlecht wieder.

Beim Lesen gleiten die Augen nicht gleichmäßig über die Zeile. Sie springen von Punkt zu Punkt und ergänzen den Rest aus dem Zusammenhang. Am Zeilenende müssen sie zurück an den Anfang der nächsten Zeile. Ist die Zeile zu lang, finden sie den Anfang schlecht wieder.

Zweimal derselbe Text

Beim Lesen gleiten die Augen nicht gleichmäßig über die Zeile. Sie springen von Punkt zu Punkt und ergänzen den Rest aus dem Zusammenhang. Am Zeilenende müssen sie zurück an den Anfang der nächsten Zeile. Ist die Zeile zu lang, finden sie den Anfang schlecht wieder.

Beim Lesen gleiten die Augen nicht gleichmäßig über die Zeile. Sie springen von Punkt zu Punkt und ergänzen den Rest aus dem Zusammenhang. Am Zeilenende müssen sie zurück an den Anfang der nächsten Zeile. Ist die Zeile zu lang, finden sie den Anfang schlecht wieder.

Unscharf sieht man es

Abstände haben eine Reihenfolge.

Buchstaben sind enger als Wörter. Wörter enger als Zeilen. Zeilen enger als Absätze.

Begrenzte Breite, und die Lesenden dürfen sie ändern de.wikipedia.org, Screenshot 2026, Ausschnitt

Begrenzte Breite, und die Lesenden dürfen sie ändern
de.wikipedia.org, Screenshot 2026, Ausschnitt

Vier Zeilen CSS

article p {
  font-size: 1rem;      /* mindestens 16 px */
  line-height: 1.5;     /* ohne Einheit */
  max-width: 65ch;      /* Zeilenlänge */
  text-wrap: pretty;    /* keine einsamen Wörter am Ende */
}

Wie lang sind die Zeilen auf Ihrer Lieblingsseite?

Zählen Sie nach: Wie viele Zeichen hat eine Zeile? Und wie viele auf dem Handy?

Wann gilt das nicht?

Kurze Texte: Label, Buttons und Tabellen folgen eigenen Regeln.

Überschriften: Große Schrift braucht weniger Zeilenabstand.

Helle Schrift auf dunklem Grund: oft etwas mehr Abstand, kräftigerer Schnitt.

Verweise

Dahinter: Wortbilder. Weiter: Satz, Nähe und Abstand. Prüfen: Unschärfe- und Graustufentest, Kontrast prüfen.

Danke für's Mitmachen

https://christiannoss.de