Das ist eine Überschrift
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 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 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.