Webdesign

Schrift, Zeilenlänge, Kontrast:
was darüber entscheidet, ob Ihre Texte gelesen werden

Der beste Inhalt bleibt wirkungslos, wenn das Lesen anstrengt. Lesbarkeit ist keine Geschmacksfrage, sondern hat vier Stellschrauben, die sich benennen und prüfen lassen – und über die viele Unternehmens-Websites stolpern.

12 Min. Lesezeit4. August 2026

Ein Besucher landet auf Ihrer Seite, überfliegt den ersten Absatz – und ist nach wenigen Sekunden wieder weg. Der Grund liegt dann oft im Lesen selbst: Text zu klein, Zeilen zu breit, Farben zu blass. Mit dem Thema oder dem Angebot hat das nichts zu tun.

Diese Hürden entstehen selten mit Absicht. Sie sind Nebenwirkungen von Gestaltungsentscheidungen, die für sich genommen vernünftig klingen – ein zartes Grau wirkt edel, eine breite Textspalte nutzt den Platz, eine kleinere Schrift bringt mehr auf den Bildschirm. In der Summe entscheiden genau diese Details, ob ein Text gelesen oder weggeklickt wird. Vier davon lassen sich messen und gezielt einstellen: Schriftgröße, Zeilenlänge, Zeilenabstand und Kontrast. Um diese vier geht es hier.

Vier Stellschrauben der Lesbarkeit

Von der reinen Erkennbarkeit bis zum flüssigen Lesen

1. Schriftgröße
~16 px BasisRelative EinheitenNutzer-Zoom erhalten
Ist der Text erkennbar?
2. Zeilenlänge
45–75 ZeichenBegrenzte SpalteRuhiger Rücksprung
Findet das Auge zurück?
3. Zeilenabstand
~1,5-fachLuft zwischen AbsätzenKlare Blöcke
Atmet der Text?
4. Kontrast
4,5:1 im FließtextKein Grau auf GrauAuch bei Sonne
Hebt sich der Text ab?

Fällt eine der vier Stellschrauben aus, leidet das Lesen – unabhängig davon, wie gut die anderen drei sitzen

Was über die Lesbarkeit eines Textes entscheidet

Lesbarkeit beschreibt, wie mühelos das Auge einen geschriebenen Text erfassen kann. Sie ist eine Eigenschaft der Darstellung, nicht des Inhalts: Derselbe Satz kann angenehm oder anstrengend zu lesen sein, je nachdem, wie er gesetzt ist. Genau deshalb lässt sie sich unabhängig vom Text verbessern – durch Größe, Anordnung und Farbe.

Beim Lesen springt das Auge in kurzen Bewegungen von Fixpunkt zu Fixpunkt, mit winzigen Pausen dazwischen, und gleitet nie gleichmäßig über die Zeile. Jede dieser Bewegungen kostet Kraft. Gute Lesbarkeit bedeutet, dass diese Sprünge zuverlässig funktionieren: Der nächste Buchstabe ist groß und scharf genug, um erkannt zu werden, die Zeile ist kurz genug, um den Rücksprung sicher zu treffen, und der Text hebt sich klar vom Hintergrund ab. Wo das gestört ist, ermüdet das Lesen – und ermüdetes Lesen wird abgebrochen.

Für eine Unternehmens-Website hat das eine unmittelbare Folge. Wer eine Leistung erklärt, Vertrauen aufbaut oder zu einer Anfrage führen will, ist darauf angewiesen, dass der Text tatsächlich gelesen wird. Schwere Lesbarkeit wirkt wie ein stiller Filter vor jedem Argument – die Botschaft kommt gar nicht erst an. Lesbarkeit gehört damit zu den Grundlagen, auf denen eine Seite Anfragen gewinnt, ähnlich wie die Stellen, an denen eine Website Besucher ungenutzt verliert.

Schriftgröße: die Grundlage, die zu oft zu klein ausfällt

Die Schriftgröße legt fest, wie groß die Buchstaben im Verhältnis zum Betrachtungsabstand erscheinen. Sie ist die erste Bedingung für Lesbarkeit: Was zu klein dargestellt wird, muss das Auge mühsam entziffern, bevor es überhaupt zum Lesen kommt. Für längeren Fließtext gilt eine Basisgröße von rund 16 Pixeln als untere Grenze; 17 bis 18 Pixel wirken auf vielen Bildschirmen ruhiger und entspannter.

Der häufigste Fehler ist, den Text zu verkleinern, um mehr Inhalt in den sichtbaren Bereich zu bringen oder eine Seite „aufgeräumter" wirken zu lassen. Das erkauft ein ordentliches Layout mit dem Preis, dass ein Teil der Besucher gar nicht bis zum Inhalt vordringt. Betroffen sind vor allem ältere Augen, Menschen mit nachlassender Sehkraft und alle, die auf einem mittleren bis großen Abstand zum Bildschirm sitzen. Der Effekt tritt leise auf: Niemand beschwert sich, die Leute lesen einfach nicht weiter.

Größen in relativen Einheiten angeben

Ebenso wichtig wie der Zahlenwert ist die Art, wie er festgelegt wird. Wird die Schriftgröße in relativen Einheiten angegeben, bleibt die Wunschgröße erhalten, die ein Nutzer in seinem Browser oder Betriebssystem eingestellt hat. Wer schlechter sieht und deshalb eine größere Grundschrift eingestellt hat, bekommt sie dann auch. Eine fest verdrahtete Pixelgröße ignoriert diese Einstellung und übergeht damit genau die Menschen, die auf sie angewiesen sind.

Hierarchie statt Einheitsgröße

Eine gute Seite arbeitet mit einer klaren Größen-Staffelung: großer, ruhiger Fließtext als Basis, deutlich größere Überschriften darüber und bewusst kleinere Schrift nur dort, wo der Inhalt wirklich untergeordnet ist – Bildunterschriften, Quellenangaben, rechtliche Hinweise. Diese Staffelung führt das Auge durch die Seite und erklärt ganz ohne Worte, was wichtig ist. Sie ist Teil einer sauberen Gestaltung, die auf den ersten Blick überzeugt.

Zeilenlänge: warum zu breite Textblöcke ermüden

Die Zeilenlänge ist die Anzahl der Zeichen, die in einer Textzeile nebeneinanderstehen. Sie entscheidet darüber, wie sicher das Auge nach dem Ende einer Zeile den Anfang der nächsten trifft. Ein seit Langem etablierter typografischer Richtwert liegt bei etwa 45 bis 75 Zeichen pro Zeile, Leerzeichen mitgezählt, mit rund 66 Zeichen als angenehmer Mitte.

Wird die Zeile deutlich länger, wächst der Weg, den das Auge beim Rücksprung zurücklegt. Der Anfang der nächsten Zeile wird schwerer zu treffen; man liest dieselbe Zeile ein zweites Mal oder überspringt eine. Nach wenigen Absätzen stellt sich Ermüdung ein, ohne dass der Leser den Grund benennen könnte. Genau das passiert, wenn Fließtext über die volle Breite eines großen Monitors läuft und jede Zeile 100 Zeichen und mehr fasst.

Zu kurze Zeilen haben den gegenteiligen Effekt: Der Text wird durch ständige Umbrüche zerhackt, das Auge springt öfter um, als der Inhalt es verlangt. In der Praxis ist die zu breite Spalte allerdings das weitaus häufigere Problem, weil die volle Fensterbreite bequem und scheinbar platzsparend ist.

Praxis-Tipp:

Begrenzen Sie die Breite der Textspalte, nicht des ganzen Bildschirms. Der Rest der Seite darf ruhig breiter sein – Bilder, Hintergründe, Trennlinien. Nur die zusammenhängenden Textblöcke bekommen eine feste Maximalbreite, die den Zeichen-Korridor einhält. So bleibt der Lesefluss auch auf einem großen Monitor ruhig.

Zeilenabstand und Absatzrhythmus

Der Zeilenabstand ist der senkrechte Abstand zwischen zwei aufeinander folgenden Zeilen. Er bestimmt, ob ein Textblock „atmet" oder gedrängt wirkt. Stehen die Zeilen zu eng, verschwimmen sie zu einer grauen Masse, und das Auge findet beim Rücksprung schwerer die richtige Spur. Für Fließtext hat sich ein Abstand von etwa dem Anderthalbfachen der Schriftgröße als angenehmer Ausgangswert bewährt.

Zeilenabstand und Zeilenlänge hängen zusammen. Je länger die Zeilen sind, desto mehr Abstand brauchen sie, damit das Auge die nächste Zeile sicher findet. Kurze Zeilen vertragen etwas weniger Abstand. Wer beide Werte aufeinander abstimmt, gewinnt spürbar an Ruhe im Textbild.

Absätze als Portionen

Neben dem Abstand innerhalb eines Absatzes zählt der Abstand zwischen den Absätzen. Ein sichtbarer Zwischenraum teilt einen langen Text in erfassbare Portionen und gibt dem Auge Haltepunkte. Kurze Absätze von wenigen Sätzen, durch Weißraum getrennt, laden zum Weiterlesen ein; eine ungegliederte Textwand schreckt ab, bevor das erste Wort gelesen ist. Diese Gliederung hilft nicht nur dem Menschen, sondern auch der Zitierbarkeit in Suchsystemen, die Inhalte in klar abgegrenzten Abschnitten leichter erfassen.

Zwischenüberschriften, Aufzählungen und eingeschobene Hinweise wirken in dieselbe Richtung. Sie zerlegen einen Text in Einheiten, die man einzeln erfassen kann, und geben dem überfliegenden Blick Ankerpunkte. Damit ist der Absatzrhythmus eng verwandt mit dem Prinzip, Inhalte in durchdacht gestalteten Details ruhig und geordnet zu präsentieren.

Kontrast: die messbare Grenze der Erkennbarkeit

Der Kontrast beschreibt, wie stark sich die Helligkeit von Text und Hintergrund voneinander unterscheiden. Er ist der einzige der vier Faktoren, für den es einen exakten, prüfbaren Grenzwert gibt. Ausgedrückt wird er als Verhältnis: Reines Schwarz auf Weiß erreicht rund 21:1, gleich helle Farben nebeneinander liegen bei 1:1 und sind gar nicht mehr zu unterscheiden.

Die Web-Barrierefreiheitsrichtlinien (WCAG) nennen für normalen Fließtext ein Mindestverhältnis von 4,5:1 zwischen Text und Hintergrund. Für großen oder fett gesetzten Text – ab etwa 24 Pixeln, oder ab rund 19 Pixeln in fetter Schrift – genügt 3:1, weil dickere Buchstaben auch bei geringerem Kontrast erkennbar bleiben. Diese Schwelle ist seit dem Barrierefreiheitsstärkungsgesetz für viele Anbieter nicht nur eine Empfehlung, wie der Beitrag zur barrierefreien Website nach dem BFSG im Einzelnen einordnet.

Der Reiz des blassen Graus

In der Gestaltung wirkt zartes Grau auf Weiß ruhig und hochwertig, deshalb landet es oft im Fließtext. Der Haken: Je heller das Grau, desto niedriger das Kontrastverhältnis. Unter idealen Bedingungen – gutes Display, kein Streulicht, junge Augen – fällt das nicht auf. Bei Sonnenlicht auf dem Smartphone, auf einem günstigen Bildschirm oder für Menschen mit nachlassender Sehkraft kippt derselbe Text ins Unlesbare. Die gewünschte dezente Wirkung lässt sich ebenso mit einem kräftigeren Grau erreichen, das die Schwelle sicher hält.

4,5:1

So hoch muss das Kontrastverhältnis zwischen normalem Fließtext und seinem Hintergrund mindestens sein, damit es die Anforderung der Web-Barrierefreiheitsrichtlinien für gute Erkennbarkeit erfüllt. Der Wert lässt sich für jedes Farbpaar exakt berechnen und mit frei verfügbaren Prüfwerkzeugen im Browser kontrollieren.

Quelle: W3C, Web Content Accessibility Guidelines (WCAG) 2.1, Erfolgskriterium 1.4.3
Gut lesbarer Fließtext

Basisgröße um die 16 bis 18 Pixel

45–75 Zeichen pro Zeile

Zeilenabstand rund das Anderthalbfache

Kontrast von mindestens 4,5:1

Wird gelesen, ohne dass jemand auf die Gestaltung achtet

Schwer lesbarer Fließtext

Kleine Schrift, um Platz zu sparen

Zeilen über die volle Bildschirmbreite

Enger Zeilenabstand, kaum Absatzluft

Blasses Grau auf Weiß

Wird überflogen und weggeklickt – der Inhalt kommt nicht an

Am Smartphone: dieselben Regeln, engere Grenzen

Der größte Teil der Besucher liest heute auf einem kleinen Bildschirm, und dort verzeihen dieselben vier Faktoren weniger. Die Schriftgröße sollte auch mobil nicht unter der Fließtext-Basis liegen; der Reflex, sie zu verkleinern, damit mehr auf den Bildschirm passt, verschlechtert die Lesbarkeit genau dort, wo der Betrachtungsabstand ohnehin kurz und das Umfeld unruhig ist.

Die Zeilenlänge regelt sich am schmalen Display fast von selbst, kippt aber schnell ins Gegenteil, wenn Inhalte in engen Spalten oder Tabellen gequetscht werden. Und der Kontrast wird mobil zur härtesten Probe: Draußen bei Tageslicht ist ein Text, der am Schreibtisch gerade noch lesbar war, oft gar nicht mehr zu entziffern. Die Bedienung mit dem Daumen und die Lesbarkeit unter Alltagsbedingungen gehören zusammen – beides behandelt der Beitrag zur Mobile-First-Website im B2B ausführlicher.

Fließtext auch mobil groß genug

Die Basisgröße nicht verkleinern, um mehr Inhalt einzuquetschen

Text-Zoom des Nutzers respektieren

Relative Einheiten, kein Sperren des Hineinzoomens

Kontrast bei Tageslicht prüfen

Die Seite draußen am Handy öffnen, nicht nur am Monitor beurteilen

Absätze kurz halten

Auf dem schmalen Schirm wird jede Textwand doppelt so hoch

Die häufigsten Lesbarkeits-Fehler

Über Branchen und Seitengrößen hinweg wiederholen sich dieselben Muster. Sie entstehen fast immer aus einer gestalterisch nachvollziehbaren Entscheidung, deren Preis erst beim Lesen sichtbar wird.

1
Zu kleine Grundschrift

Fließtext unter der 16-Pixel-Marke, um Platz zu sparen oder aufgeräumt zu wirken

2
Zu blasse Textfarbe

Helles Grau auf Weiß unter der Kontrastschwelle von 4,5:1

3
Text über die volle Breite

Keine Spaltenbegrenzung – Zeilen mit weit über 80 Zeichen auf großen Monitoren

4
Enger Zeilenabstand

Gedrängte Zeilen ohne Luft – der Block verschwimmt zur grauen Masse

5
Ungegliederte Textwand

Lange Absätze ohne Zwischenraum, Überschriften oder Aufzählungen

6
Text auf unruhigem Grund

Schrift über einem Foto oder Farbverlauf, ohne abdunkelnde Fläche darunter

Häufiger Fehler:

Text wird direkt über ein Bild oder einen Farbverlauf gelegt, weil es hochwertig aussieht. Je nach Bildausschnitt schwankt der Hintergrund dann zwischen hell und dunkel, und der Kontrast ist mal ausreichend, mal gar nicht gegeben. Eine leicht abdunkelnde Fläche zwischen Bild und Schrift löst das Problem, ohne die Bildwirkung zu opfern.

Häufig gestellte Fragen

Lesbarkeit lässt sich einstellen und prüfen

Schriftgröße, Zeilenlänge, Zeilenabstand und Kontrast wirken einzeln unscheinbar und entfalten ihre Wirkung erst zusammen. Sitzen alle vier, bemerkt sie niemand – der Text liest sich einfach flüssig. Gerät nur einer aus dem Rahmen, wird das Lesen anstrengend, und mit dem Lesen leidet alles, was der Text erreichen soll.

Der Vorteil dieser Faktoren ist, dass sie klar benannt und geprüft werden können. Es braucht kein Gefühl und keine Debatte über Geschmack, sondern vier Werte, die man einstellt und kontrolliert. Wer sie beim nächsten Blick auf die eigene Website mitprüft – am besten einmal am Monitor und einmal draußen am Smartphone – findet die größten Hürden meist innerhalb weniger Minuten.

REDAKTIONELLE VERANTWORTUNG
Dagmar Seebo, CEO von ProXWorks®Dagmar Seebo

Dagmar Seebo, B.A., ist CEO von ProXWorks® und verbindet über 27 Jahre Erfahrung im E-Commerce und Marketing mit digitalem Know-how.

Die Inhalte entstehen unter Einsatz moderner KI-gestützter Systeme. Vor Veröffentlichung erfolgt die Überprüfung und redaktionelle Kontrolle durch Dagmar Seebo.

Antwort in 1 Werktag

Wir prüfen Ihre Website in 1 Werktag auf Lesbarkeit – und nennen die Stellen, an denen Schrift, Zeilen oder Kontrast Leser kosten.

Lesbarkeits-Check anfragen
ProXWorks® KI-News

KI-Kompetenz aufbauen, Woche für Woche.

Jeder Beitrag erklärt ein Thema rund um Künstliche Intelligenz vollständig und praxisnah. Jederzeit abbestellbar.

Zu den KI-News