Typografie

Typografie und Barrierefreiheit

Gute Typografie sorgt dafür, dass Texte angenehm zu lesen sind und die Inhalte klar strukturiert wirken. Hier sind einige wichtige Punkte, die du beachten solltest:

1. Klare Hierarchie

   • Die wichtigste Überschrift (H1) sollte nur einmal pro Seite vorkommen.

   • Danach folgen H2, H3 usw. – immer in logischer Reihenfolge.

   • Keine Sprünge machen, also nicht von H1 direkt zu H4 springen.

2. Passende Schriftgrößen

   • Überschriften sollten deutlich größer sein als der Fließtext.

   • Fließtext sollte nicht zu klein sein – 14px bis 18px ist ideal.

   • Sehr kleine Texte (z. B. auf Buttons) sollten gut lesbar bleiben.

3. Gute Lesbarkeit

   • Zeilen sollten nicht zu lang sein – 50 bis 75 Zeichen pro Zeile sind optimal.

   • Zwischen den Zeilen sollte genug Abstand sein, damit der Text luftig wirkt.

   • Texte sollten in sinnvolle Absätze unterteilt werden, um die Lesbarkeit zu erleichtern.

4. Kontraste beachten

   • Der Text sollte sich klar vom Hintergrund abheben (z. B. dunkler Text auf hellem Hintergrund).

   • Zu wenig Kontrast (graue Schrift auf grauem Hintergrund) macht das Lesen anstrengend.

   • Farbliche Hervorhebungen sollten sparsam eingesetzt werden.

5. Die richtige Schriftart wählen

   • Verwende nicht zu viele verschiedene Schriften – maximal zwei oder drei.

   • Serifenschriften (mit kleinen Verzierungen) wirken klassisch und edel, sind aber eher für Print geeignet.

   • Serifenlose Schriften sind moderner und besser für digitale Inhalte.

6. Wichtige Inhalte hervorheben

   • Wichtige Begriffe kannst du fett markieren, aber nicht zu viel auf einmal.

   • Kursiv sollte sparsam verwendet werden, weil es schwerer zu lesen ist.

   • Unterstreichungen nur für Links verwenden, damit es keine Verwechslungen gibt.

7. Einheitlichkeit wahren

   • In einem Dokument oder einer Webseite sollten die gleichen Schriftarten und Größen konsequent genutzt werden.

   • Ein durchgängiger Stil wirkt professioneller und sorgt für ein angenehmes Leseerlebnis.