Seitentitel (WCAG 2.4.2): Aussagekräftige title-Tags für jede Seite

Kurz erklärt: Seitentitel (WCAG 2.4.2 Page Title) fordert, dass jede Webseite einen beschreibenden und aussagekräftigen title-Tag im HTML-Head besitzt. Der Titel ist das Erste, was ein Screenreader vorliest, und dient der Orientierung in Tabs und Lesezeichen. Dieses Level-A-Kriterium ist BFSG-Pflicht.

Der Seitentitel ist das Aushängeschild einer Seite – für Screenreader-Nutzer ist er sogar die erste und wichtigste Information. Beim Wechsel auf einen neuen Tab liest der Screenreader den <code><title></code> vor. Bei mehreren offenen Tabs ist der Titel das einzige Mittel zur Unterscheidung. Ein fehlender oder nichtssagender Titel wie „Seite 1" macht Navigation unmöglich. Das BFSG fordert aussagekräftige Seitentitel über die EN 301 549.

Was macht einen guten Seitentitel aus?

Ein guter Seitentitel folgt diesen Prinzipien: Spezifisch vor allgemein: Beginne mit dem seitenspezifischen Inhalt, dann der Seitenname. Gut: „Kontaktformular – Muster GmbH". Schlecht: „Muster GmbH – Kontaktformular" (bei vielen Tabs sieht man nur den Anfang). Eindeutig: Jede Seite braucht einen einzigartigen Titel. Zwei Seiten mit dem Titel „Produkte" sind nicht unterscheidbar. Beschreibend: Der Titel muss den Inhalt oder Zweck der Seite klar benennen. Aktuell: Bei dynamischen Seiten (z. B. Suchergebnisse) muss der Titel den aktuellen Zustand widerspiegeln: „Suchergebnisse für Barrierefreiheit - Muster GmbH". Fehlerzustand: Bei Formularfehlern den Titel anpassen: „(2 Fehler) Kontaktformular – Muster GmbH".

Technische Umsetzung

Der Seitentitel wird im <title>-Element im <head> definiert: <title>Kontaktformular – Muster GmbH</title> In Single-Page-Applications (SPAs) muss der Titel bei jedem Routenwechsel dynamisch aktualisiert werden: document.title = "Neuer Seitentitel"; Frameworks wie React (react-helmet), Vue (vue-meta) und Angular (Title Service) bieten dafür eigene Lösungen. Wichtig: Der Titel sollte in der Sprache der Seite verfasst sein – eine deutsche Seite braucht einen deutschen Titel. Für Mehrsprachigkeit: Jede Sprachversion braucht einen übersetzten Titel, nicht nur eine Kopie des englischen.

Häufige Fehler bei Seitentiteln

Fehlender Titel: Kein <title>-Element im HTML – Screenreader lesen die URL vor. Generischer Titel: „Home", „Seite", „Willkommen" – nichtssagend und nicht unterscheidbar. Identische Titel: Alle Seiten haben denselben Titel – z. B. nur den Firmennamen. SPA ohne Titel-Update: Single-Page-Apps, die den Titel nach Navigation nicht aktualisieren – der Titel bleibt auf „Home", obwohl der Nutzer längst auf der Kontaktseite ist. Keyword-Stuffing: „Schuhe kaufen | Sneakers | Turnschuhe | Nike | Adidas | Sportschuhe" – unleserlich und unbrauchbar für Screenreader. Nur Firmenname: „Muster GmbH" auf jeder Seite – keine Differenzierung.

WCAG-Bezug

WCAG 2.4.2 Page Title ist Level A und damit über die EN 301 549 (Abschnitt 11.2.4.2) BFSG-pflichtig. Es gehört zur Guideline 2.4 (Navigable) und bildet zusammen mit anderen Orientierungskriterien ein Gesamtbild: WCAG 2.4.1 (Bypass Blocks, Level A) – Skip-Links zur Navigation. WCAG 2.4.5 (Multiple Ways, Level AA) – mehrere Wege, eine Seite zu finden. WCAG 2.4.6 (Headings and Labels, Level AA) – beschreibende Überschriften. Der Seitentitel ist das einfachste und gleichzeitig am häufigsten verletzte Kriterium der Guideline 2.4.

Wird geprüft: bf-check prüft jede Seite auf Vorhandensein, Eindeutigkeit und Aussagekraft des title-Tags und erkennt generische oder doppelte Titel.

Wie steht deine Webseite in diesem Punkt da?

Kostenloser Scan gegen 15 WCAG-2.1-AA-Kriterien – inkl. Seitentitel-Check.

Jetzt Webseite prüfen →

Ratgeber zum Thema

Wcag 2 1 Einfach Erklaert → Bfsg 2025 Leitfaden →