Schriftarten und Schriftgröße

Feli

Lektion Fortschritt

0% Beendet

Was nützen gute Inhalte, wenn sie kaum zu lesen sind?
Die richtige Schriftart und -größe sind ein wichtiger Teil der Barrierefreiheit – und oft der Unterschied, ob Personen auf deiner Seite bleiben oder abspringen.

In dieser Lektion erfährst du, wie du mit

passenden Schriftarten
ausreichender Größe und
guter Struktur

dafür sorgst, dass deine Inhalte für alle gut lesbar und angenehm erfassbar sind.

Du lernst:

Welche Schriftarten barrierefrei sind (und welche du besser vermeidest)
Wie groß Texte mindestens sein sollten
Was du bei Abständen, Zeilenhöhe und Ausrichtung beachten solltest
Warum „weniger ist mehr“ auch beim Textdesign gilt

Lesbarkeit schafft Vertrauen – und öffnet den Zugang für mehr Menschen.

Wähle gut lesbare Schriftarten

Nutze serifenlose Schriften (sans-serif). Beispiele sind

Arial
Verdana
Tahoma
Helvetica
Open Sans

Warum? Diese Schriften sind klar, schlicht und am Bildschirm gut lesbar

Vermeide verschnörkelte oder dekorative Schriften. Beispiele sind

Lobster
Brush Script
Comic Sans

Warum? Sie wirken unprofessionell und sind für viele schwer zu lesen.

Achte auf ausreichende Schriftgröße

Standardtext: mindestens 16px (gerne größer für Menschen mit Sehbeeinträchtigung)
Buttons und Menüpunkte: mindestens 18px – 20px
Überschriften dürfen größer sein – aber immer logisch gestaffelt

💡 Tipp: Teste auf mobilen Geräten! Was auf dem Desktop gut aussieht, ist am Smartphone / Tablet oft zu klein.

Sorge für gute Lesbarkeit durch Abstand

Zeilenhöhe (line-height): mindestens 1.5x die Schriftgröße
Buchstabenabstand (letter spacing): mindestens 0,12x die Schriftgröße
Wortabstand (word spacing): mindestens 0,16x die Schriftgröße
Abstand zwischen Absätzen (paragraph spacing): mindestens 2x die Schriftgröße

Vermeide Blocksätze

Blocksatz sieht zwar „ordentlich“ aus, aber erzeugt unregelmäßige Wortabstände, die das Lesen erschweren können.

Verwende nicht zu viele Schriftarten

Zwei bis maximal drei unterschiedliche Schriftarten pro Seite
Nutze Schriftgrößen und Gewicht (fett, normal), um Struktur zu schaffen. Bitte nicht zu viele Stile durcheinander würfeln.

Lass dich testen

Lass andere deine Texte lesen – am besten Menschen mit verschiedenen Leseerfahrungen und/oder sogar verschiedenen Einschränkungen.

💬 Fazit:

Barrierefreie Schrift heißt: schnell erfassbar, angenehm zu lesen und auf allen Geräten verständlich.
Gute Lesbarkeit ist kein Designverzicht, sondern ein Qualitätsmerkmal.

Themenkurs: Barrierefreiheit