Prinzip P3
Lesbarkeit
Typografie ist die erste Inklusionsentscheidung, lange bevor Farbe oder Layout greifen.
Warum dieses Prinzip wichtig ist
Lesen ist die zentrale Aktivität auf einer Website. Lesbarkeit ist keine Stilfrage, sondern eine Voraussetzung.
Lesbarkeit ist die zentrale Funktion eines Textes — nicht seine Ästhetik. Wenn Nutzer:innen Ihre Texte nicht komfortabel lesen können, scheitert Ihre Kommunikation, bevor sie begonnen hat. Das gilt für Produktbeschreibungen, Servicedetails, Buchungsschritte gleichermaßen.
Jede zweite Person über 50 hat reduzierte Sehleistung — sei es durch Alterssichtigkeit, beginnende Makuladegeneration oder schlicht durch Müdigkeit nach einem langen Bildschirmtag. Das ist nicht eine Randgruppe, sondern für viele KMU der Kern der Zielgruppe.
Gute Lesbarkeit ist messbar: Sie erhöht die Verweildauer auf einer Seite, reduziert Bounce-Rates und senkt die Anzahl der Anrufe „Wo finde ich …?“ beim Support. Investitionen in Lesbarkeit zahlen sich operativ aus, lange bevor sie als Barrierefreiheit-Maßnahme greifen.
Derselbe Text, zwei Lesefahrten
Schriftgröße, Zeilenhöhe und Zeilenlänge entscheiden, ob ein Text nach 20 Minuten noch komfortabel zu lesen ist.
Anti-Pattern · 14 px · 1.25 · generische Sans · keine Zeilenbreite
Unsere Praxis bietet allgemeinmedizinische Versorgung für Erwachsene und Familien im Bezirk. Termine vereinbaren Sie telefonisch oder online — auch außerhalb der regulären Sprechstunden. Akute Beschwerden behandeln wir am selben Tag, geplante Vorsorgeuntersuchungen und Kontrollen nach Absprache. Wir nehmen alle Kassen.
Best Practice · 18 px · 1.6 · Atkinson Hyperlegible · 65 ch
Unsere Praxis bietet allgemeinmedizinische Versorgung für Erwachsene und Familien im Bezirk. Termine vereinbaren Sie telefonisch oder online — auch außerhalb der regulären Sprechstunden. Akute Beschwerden behandeln wir am selben Tag, geplante Vorsorgeuntersuchungen und Kontrollen nach Absprache. Wir nehmen alle Kassen.
Woran Sie die Umsetzung erkennen
Die operativen Kriterien aus dem Audit-Modell der Masterarbeit — jede Aussage ist an Ihrer Website direkt überprüfbar.
- Body-Schriftgröße mindestens 16 px, besser 18 px
- Zeilenhöhe im Fließtext mindestens 1,5
- Zeilenlänge maximal 80 Zeichen, ideal rund 65ch
- Keine kondensierte oder rein dekorative Schrift im Fließtext
- Text auf Bildern nur mit kontrolliertem Hintergrund (Overlay oder Scrim)
Im Audit-Modell der Masterarbeit wird dieses Prinzip numerisch bewertet — auf einer Skala von 0 bis 3.
Best Practice und Anti-Pattern
Drei typografische Entscheidungen, die regelmäßig die Lesbarkeit aushöhlen — und ihre belastbaren Alternativen.
Anti-Pattern
Body 14 px mit line-height: 1.2
Typografisch dicht, optisch „modern“, praktisch ermüdend. Verletzt WCAG-Empfehlungen zur visuellen Präsentation.
Best Practice
Body 16–18 px mit line-height: 1.6
Komfortabel auch nach 20 Minuten Lesedauer, AAA-konform unter SC 1.4.8.
Anti-Pattern
Volle Container-Breite für Fließtext
Zeilen mit 120+ Zeichen sind unergonomisch, das Auge findet die nächste Zeile schwer.
Best Practice
max-width: 65ch für Lesetext
Die seit Jahrzehnten in der Typografie-Forschung empfohlene Zeilenlänge.
Anti-Pattern
Geometrische Schrift ohne Buchstabendifferenzierung
Viele geometrische Sans-Serif-Schriften machen I, l und 1 oder O und 0 nahezu identisch — real verwechselt in Preisen, IBANs und Passwörtern.
Best Practice
Schrift mit klar unterscheidbaren Glyphen
Atkinson Hyperlegible, IBM Plex, Source Sans Pro — oder eine Paarung: hyperlegible Schrift im Fließtext, geometrische Schrift nur für große Überschriften.
Anbindung an WCAG 2.2
Die normativen Erfolgskriterien, an denen dieses Prinzip operativ andockt.
- SC 1.4.4Resize Text (W3C-Erläuterung, englisch)AA
- SC 1.4.8Visual Presentation (W3C-Erläuterung, englisch)AAA
- SC 1.4.12Text Spacing (W3C-Erläuterung, englisch)AA
Verwandte Prinzipien
Lesbarkeit lehnt sich an diese Prinzipien an.
Sind Ihre Texte komfortabel lesbar — auch bei kleinem Bildschirm und ungünstiger Lichtumgebung?
Neun Fragen, etwa vier Minuten. Kein Login.