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.
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
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.
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.
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.3Basisgröß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
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.
Die Basisgröße nicht verkleinern, um mehr Inhalt einzuquetschen
Relative Einheiten, kein Sperren des Hineinzoomens
Die Seite draußen am Handy öffnen, nicht nur am Monitor beurteilen
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.
Fließtext unter der 16-Pixel-Marke, um Platz zu sparen oder aufgeräumt zu wirken
Helles Grau auf Weiß unter der Kontrastschwelle von 4,5:1
Keine Spaltenbegrenzung – Zeilen mit weit über 80 Zeichen auf großen Monitoren
Gedrängte Zeilen ohne Luft – der Block verschwimmt zur grauen Masse
Lange Absätze ohne Zwischenraum, Überschriften oder Aufzählungen
Schrift über einem Foto oder Farbverlauf, ohne abdunkelnde Fläche darunter
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
Für längeren Fließtext hat sich eine Basisgröße von etwa 16 Pixeln als untere Grenze etabliert; 17 bis 18 Pixel lesen sich auf vielen Bildschirmen angenehmer. Darunter wird das Lesen für einen Teil der Besucher anstrengend, besonders für ältere Augen und bei mittlerem Betrachtungsabstand. Wichtig ist außerdem, die Größe in relativen Einheiten anzugeben, damit die vom Nutzer im Browser eingestellte Wunschgröße erhalten bleibt. Kleiner darf nur werden, was von Natur aus untergeordnet ist – etwa Bildunterschriften, Quellenangaben oder rechtliche Hinweise.
Ein seit Langem verbreiteter typografischer Richtwert liegt bei etwa 45 bis 75 Zeichen pro Zeile, inklusive Leerzeichen, mit rund 66 Zeichen als angenehmer Mitte. Ist die Zeile deutlich länger, verliert das Auge beim Rücksprung an den Zeilenanfang leichter die Spur und liest Zeilen doppelt oder überspringt sie. Ist sie zu kurz, wird der Lesefluss durch die vielen Umbrüche zerhackt. Auf breiten Bildschirmen erreicht man den Korridor über eine begrenzte Textspaltenbreite statt über volle Fensterbreite.
Das Kontrastverhältnis beschreibt, wie stark sich die Helligkeit von Text und Hintergrund unterscheidet, angegeben als Zahlenverhältnis. Ein Wert von 4,5:1 ist die Schwelle, die die Web-Barrierefreiheitsrichtlinien (WCAG) für normalen Fließtext als Mindestanforderung nennen. Für großen oder fett gesetzten Text genügt 3:1. Reines Schwarz auf Weiß erreicht rund 21:1, ein häufig gesehenes Hellgrau auf Weiß fällt dagegen leicht unter die Schwelle. Der Wert lässt sich mit frei verfügbaren Kontrast-Prüfwerkzeugen für jedes Farbpaar exakt bestimmen.
Für Bildschirmtext lässt sich keine der beiden Gattungen pauschal als lesbarer bezeichnen. Entscheidend sind andere Eigenschaften: eine offene Zeichenform, klar unterscheidbare Buchstaben, ausreichende Strichstärke und ein Schriftschnitt, der in der gewählten Größe scharf dargestellt wird. Auf hochauflösenden Displays sind auch feiner gezeichnete Schriften gut lesbar. Wichtiger als die Frage Serife oder nicht ist, dass die Schrift in allen genutzten Größen und Gewichten sauber wirkt und genügend Kontrast zum Hintergrund behält.
Zartes Grau auf Weiß gilt gestalterisch als zurückhaltend und ruhig, weshalb es gern für Fließtext verwendet wird. Der Preis dafür ist ein sinkendes Kontrastverhältnis: Je heller das Grau, desto weniger hebt sich der Text ab. Unter guten Bedingungen fällt das kaum auf, doch bei Sonnenlicht auf dem Smartphone, auf günstigen Displays oder für Menschen mit nachlassender Sehkraft wird der Text mühsam bis unlesbar. Die dezente Wirkung lässt sich auch mit einem dunkleren Grau erreichen, das die Kontrastschwelle sicher einhält.
Die Grundlagen lassen sich ohne Fachwissen prüfen. Vergrößern Sie einen Textabschnitt am Bildschirm und lesen Sie ihn in normalem Abstand – wirkt er zu klein, ist er es meist auch. Zählen Sie an einer breiten Textzeile grob die Zeichen; deutlich über 80 ist zu viel. Ein Kontrast-Prüfwerkzeug im Browser prüft Text- und Hintergrundfarbe gegen die 4,5:1-Schwelle. Öffnen Sie die Seite zusätzlich am Smartphone bei Tageslicht. Diese vier Handgriffe decken den größten Teil der typischen Lesbarkeitsprobleme auf.
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.
Wir prüfen Ihre Website in 1 Werktag auf Lesbarkeit – und nennen die Stellen, an denen Schrift, Zeilen oder Kontrast Leser kosten.
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