Die Zeilenlänge ist die Zahl der Zeichen, die in einer Textzeile stehen, Leerzeichen eingeschlossen. Als gut lesbar gelten 45 bis 75 Zeichen, ideal rund 66; so steht es in Robert Bringhursts Standardwerk The Elements of Typographic Style. Auf Websites wird die Zeilenlänge über die maximale Breite des Textbereichs gesteuert.
- Zeilenlänge (optimale Zeichenzahl)
Die Anzahl der Zeichen je Textzeile, die über Lesbarkeit und Lesefluss eines Textes mitentscheidet.
Beispiel: „Auf dem großen Monitor lag die Zeilenlänge bei über 120 Zeichen, deshalb haben wir die Textspalte begrenzt.“Auch: Satzbreite, englisch line length oder measure.
Abgrenzung zur Zeilenhöhe: Sie regelt den Abstand zwischen den Zeilen. Beide hängen zusammen, denn längere Zeilen brauchen mehr Zeilenhöhe.
Warum die Zeilenlänge die Lesbarkeit bestimmt
Sind Zeilen zu kurz, muss das Auge ständig springen und der Lesefluss reißt ab. Sind sie zu lang, findet es den Anfang der nächsten Zeile schwer und überspringt oder wiederholt Zeilen, beschreibt Google Fonts.
Welche Zeilenlänge empfohlen wird
Bringhurst nennt 45 bis 75 Zeichen für einspaltigen Text und 40 bis 50 für mehrspaltigen. Das Baymard Institute kommt für Websites auf 50 bis 75 Zeichen. Die WCAG verlangen auf der höchsten Stufe AAA, dass sich die Breite auf höchstens 80 Zeichen einstellen lässt.
Zeilenlänge in CSS steuern
Am einfachsten über eine maximale Breite in der Einheit ch, die der Breite der Ziffer Null entspricht. Weil Buchstaben unterschiedlich breit sind, ergibt 65ch nicht exakt 65 Zeichen, aber einen verlässlichen Richtwert. Mehr zu Einheiten steht unter CSS-Einheiten.
.text {
max-width: 65ch;
}