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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://themedocs.zenit.design/faq/barrierefreiheit/typografie.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.