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.

Last updated

Was this helpful?