# Heading

Headings strukturieren den Inhalt der Seite. Jede Heading hat dabei eine unterschiedliche Wichtigkeitsstufe.

## Guidelines

# Grundlagen

Headings strukturieren Inhalte sowohl visuell als auch inhaltlich. Sie helfen,
sich auf einer Seite zu orientieren und die Relevanz einzelner Inhalte schnell
zu erfassen. Jede Heading sollte klar und präzise den darunterliegenden Inhalt
beschreiben. Headings werden häufig als erstes Element innerhalb von
[Sections](/04-components/structure/section/overview) verwendet. Die richtige
Reihenfolge und Hierarchie der Überschriften ist entscheidend für eine
verständliche und barrierefreie Struktur.

## Best practices

Achte bei der Verwendung von Headings darauf, dass ...

- sie den Inhalt des folgenden Abschnitts eindeutig beschreibt.
- sie kurz und sachlich formuliert ist.
- die Hierarchie und Reihenfolge eine klare Seitenstruktur erkennen lässt (z. B.
  keine Sprünge von `<h2>` zu `<h4>`).
- pro Seite nur eine `<h1>` verwendet wird.
- sie häufig in [Sections](/04-components/structure/section/overview) verwendet
  werden, um Inhalte zu strukturieren.

## Verwendung

Verwende eine Heading, um ...

- Seiteninhalte klar zu gliedern.
- User durch den Content zu führen.
- wichtige Abschnitte visuell hervorzuheben.
- die semantische Struktur für Screenreader zu verbessern.