> For the complete documentation index, see [llms.txt](https://themedocs.zenit.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themedocs.zenit.design/faq/barrierefreiheit/typografie.md).

# 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.