Verwenden Sie verständliche Sprache, eine sichtbare Hierarchie, angemessene Schriftgröße und Abstände, begrenzen Sie die Zeilenlänge und prüfen Sie den Text beim Zoomen sowie auf schmalen Bildschirmen.
Lesbarkeit ist keine Frage einer einzelnen Schrift oder des Kürzens jedes Absatzes. Sie entsteht aus dem Zusammenspiel von Sprache, Typografie, Spaltenbreite, Hierarchie und Gerätekontext. Ein Text kann fachlich präzise und dennoch praktisch unbrauchbar sein, wenn er klein, gedrängt, durch schwache Überschriften gegliedert oder voller unerklärter interner Begriffe ist.
Ziel ist es nicht, ein Thema auf Marketingslogans zu reduzieren. Menschen sollen schnell eine Antwort finden und bei Bedarf in die Details gehen können. Eine Website muss Textvergrößerung, schmale Bildschirme, Übersetzung und Benutzereinstellungen ohne Überlappungen verkraften. Entscheidungen sollten an echten Inhalten getestet werden, nicht an einem kurzen Beispielabsatz im Designsystem.
Die Sprache richtet sich nach Wissen und Ziel der Leser
Benennen Sie die Zielgruppe, ihr Vorwissen und die Entscheidung, die sie nach dem Lesen treffen soll. Verwenden Sie einen Fachbegriff, wenn er präzise und notwendig ist, erklären Sie ihn aber beim ersten Vorkommen. Abkürzungen, interne Bezeichnungen und englische Ausdrücke sollten keine Zugehörigkeitsprüfung sein. Ein Satz sollte eine verständliche Hauptaussage transportieren.
Beginnen Sie bei einer langen Anleitung mit dem Ergebnis und nennen Sie danach Schritte, Bedingungen und Ausnahmen. Aktive Formulierungen machen Zuständigkeiten oft deutlicher, schreiben Sie aber nicht alles mechanisch um. Formatieren Sie Zahlen, Daten und Einheiten einheitlich. Kürzen Sie rechtliche oder fachliche Aussagen nicht ohne Prüfung durch eine qualifizierte Person.
Die typografische Skala muss in der realen Oberfläche funktionieren
Stellen Sie die Grundschrift so ein, dass sie auf gängigen Geräten angenehm lesbar ist und sich über die Browsereinstellungen vergrößern lässt. Der Unterschied zwischen Überschriften, Fließtext, Beschriftungen und Bedienelementen sollte deutlich sein, aber nicht allein von der Größe abhängen. Ein zu dünner Schriftschnitt oder eine dekorative Schrift kann die Lesbarkeit selbst bei ausreichendem Kontrast beeinträchtigen.
Zeilenabstand und Absatzabstände sollen Gedanken voneinander trennen, ohne dass der Text auseinanderfällt. Verwenden Sie keine Textgrafiken, wo echter HTML-Inhalt möglich ist. Legen Sie bei einer eigenen Schrift eine sichere Ersatzschrift fest und beobachten Sie Größenänderungen während des Ladens. Die vom Nutzer gewählte Schrift oder größere Abstände dürfen keine Funktion blockieren.
- gut lesbare Grundschriftgröße und Schriftschnitt
- konsistente Größenskala für Überschriften und Beschriftungen
- ausreichender Zeilenabstand und Absatzabstände
- echter Text statt eines Bildes mit Text
Zeilenbreite und Layout verringern den Orientierungsverlust
Eine zu lange Zeile erschwert es dem Auge, zum Anfang der nächsten zurückzufinden, eine zu kurze zerreißt den Satz. Legen Sie eine sinnvolle maximale Breite der Textspalte passend zur verwendeten Schrift und zum Kontext fest. Auf einem großen Monitor muss ein Absatz nicht den ganzen Bildschirm füllen. Vermeiden Sie auf Mobilgeräten horizontales Scrollen bei normalem Text.
Seitenleisten, Sticky-Elemente und Werbeblöcke dürfen den Hauptinhalt nicht auf eine unbrauchbare Breite zusammendrücken. Eine Tabelle oder Code kann separat und klar gekennzeichnet scrollbar sein, die grundlegende Erläuterung muss jedoch zugänglich bleiben. Beim Vergrößern muss das Layout umbrechen, statt wichtige Sätze zu überlagern oder auszublenden.
Überschriften und Hervorhebungen bilden eine Inhaltslandkarte
Jede Überschrift sollte das Thema des folgenden Abschnitts benennen und die logische Ebene einhalten. Überspringen Sie keine Hierarchiestufen nur wegen der optischen Größe; das Styling gehört ins CSS. Lesende müssen beim Überfliegen die Argumentation erfassen können, ohne jeden Satz zu lesen. Generische Überschriften wie „Weitere Informationen“ schaffen diese Orientierung nicht.
Verwenden Sie Fettschrift für kurze tragende Begriffe, nicht für ganze Absätze. Großbuchstaben, Kursivschrift und farbliche Hervorhebungen verlieren an Wirkung, wenn sie zu häufig eingesetzt werden. Eine Liste hilft bei gleichrangigen Punkten und Schritten, eine zusammenhängende Erklärung gehört jedoch in einen Absatz. Die Formatierung sollte der Bedeutung der Information folgen.
- eine beschreibende Hauptüberschrift der Seite
- logische Abfolge der Ebenen ohne visuelle Abkürzungen
- Liste nur für gleichwertige Punkte oder Schritte
- Hervorhebung tragender Wörter statt ganzer Blöcke
- angemessene Spaltenbreite auf einem großen Monitor
- Reflow ohne horizontales Scrollen bei normalem Text
- Erklärte Abkürzungen und Fachbegriffe
- stabile Ersatzschrift während des Ladens
- Verständnistest mit der Zielgruppe
Tests verbinden Verständlichkeit mit technischer Robustheit
Lassen Sie eine Person aus der Zielgruppe den Text in eigenen Worten erklären und auf Grundlage seines Inhalts eine Entscheidung treffen. Fragen Sie, welche Begriffe unklar waren und wo sie nach dem nächsten Schritt gesucht hat. Ein automatischer Lesbarkeitswert kann auf komplizierte Sätze hinweisen, kennt jedoch weder den fachlichen Kontext noch die Richtigkeit einer Aussage.
Prüfen Sie Mobilgeräte, große Monitore, Textvergrößerung, schmale Viewports, hohen Kontrast und die Übersetzung längerer Wörter. Kontrollieren Sie auch das Laden von Schriften und den Druck, wenn das Dokument zur Nutzung außerhalb des Bildschirms bestimmt ist. Messen Sie die Änderung an der Aufgabenerledigung und am Feedback, nicht am Versprechen einer allgemein höheren Conversion.
Häufige Fragen
Welche Schriftgröße ist im Web ideal?
Ein einzelner Wert gilt nicht für jede Schrift und jeden Kontext. Entscheidend sind die tatsächliche Lesbarkeit, die Möglichkeit zur Vergrößerung, der Kontrast und ein funktionierendes Layout auf verschiedenen Geräten.
Sollten alle Absätze sehr kurz sein?
Nein. Ein Absatz sollte einen zusammenhängenden Gedanken tragen. Das künstliche Aufteilen jedes Satzes stört den Lesefluss ebenso wie ein langer Block ohne Struktur.
Reicht ein automatischer Lesbarkeitswert aus?
Nein. Es prüft weder Bedeutung noch Genauigkeit noch das Verständnis der Zielgruppe. Nutzen Sie es nur als Anregung, zusammen mit redaktioneller Prüfung und Nutzertests.
Quellen und weiterführende Lektüre
Adam Antoni vyvíja weby, aplikácie a softvér na mieru. Prepája firemné systémy, automatizuje procesy a vytvára AI agentov. Pôsobí v Spišskej Novej Vsi a spolupracuje s firmami na celom Slovensku.
