Der Seitentitel als erste Orientierung

Der Seitentitel beschreibt den Zweck einer Seite und wird unter anderem im Browser-Tab sowie von Screenreadern ausgegeben. Gute Titel sind eindeutig, verständlich und unterscheiden einzelne Seiten zuverlässig voneinander.

Überschriften strukturieren Inhalte

Überschriften sind keine rein visuelle Formatierung. Sie bilden die semantische Gliederung einer Seite und ermöglichen es Screenreader-Nutzenden, schnell zwischen Inhaltsbereichen zu navigieren.

Eine gute Hierarchie

• Eine klare Hauptüberschrift für das zentrale Seitenthema
• H2 für die wichtigsten Inhaltsabschnitte
• H3 und folgende Ebenen für sinnvoll untergeordnete Themen
• Keine Auswahl von Überschriften nur aufgrund ihrer optischen Größe

Semantik und Gestaltung trennen.

Wie eine Überschrift aussieht, wird über CSS geregelt. Welche Bedeutung sie in der Dokumentstruktur hat, wird durch das passende HTML-Element festgelegt.

Praktisch testen

Die Überschriftenstruktur lässt sich in Browser-Entwicklertools, Accessibility-Prüfwerkzeugen oder direkt mit einem Screenreader kontrollieren.