WCAG & BFSG · WCAG-Referenz: Bedienbar
WCAG 2.4.2: Seitentitel
Jede Seite braucht einen <title>, der Thema oder Zweck beschreibt. Er ist das Erste, was ein Screenreader beim Seitenwechsel ansagt, der Text im Browser-Tab, der Name im Verlauf und im Lesezeichen – und nebenbei die blaue Überschrift im Suchergebnis. (Englisch: Page Titled; deutsche Übersetzung: „Seite mit Titel versehen“.)
| Stufe | Prinzip | Teil der WCAG seit | Rechtlich verbindlich? |
|---|---|---|---|
| A | Bedienbar | 2.0 (2008) | Ja – über EN 301 549 in BFSG & BITV |
Was verlangt das Kriterium?
Ein Titel pro Seite, einzigartig und beschreibend: Was ist auf dieser Seite, und zu welchem Angebot gehört sie? Bewährtes Schema: „Seitenthema | Website-Name“ – das Spezifische zuerst, damit es in schmalen Tabs und Screenreader-Ansagen nicht abgeschnitten wird. Bei mehrstufigen Prozessen gehört der Schritt hinein („Zahlung (Schritt 2 von 3) | Shopname“), bei Fehlerzuständen der Zustand („3 Fehler im Formular – Registrierung | …“).
Wen betrifft es besonders?
Screenreader-Nutzer: Der Titel ist ihre erste (und beim Tab-Wechsel einzige) Orientierung, wo sie gelandet sind. Menschen mit kognitiven Einschränkungen orientieren sich an Tab-Beschriftungen – zehnmal „Startseite“ hilft niemandem. Und nebenbei ist der Titel SEO-Grundausstattung.
Richtig & falsch im Code
<!-- Falsch: nichtssagend und überall gleich -->
<title>Startseite</title>
<title>Willkommen</title>
<title>Dokument1</title>
<!-- Richtig: spezifisch → allgemein -->
<title>BFSG-Checkliste für Websites | html-einfach.de</title>
<title>Zahlung (Schritt 2 von 3) | Beispiel-Shop</title>Für Single-Page-Apps gilt das Kriterium genauso: Bei jedem Routenwechsel muss document.title aktualisiert werden – sonst heißt die ganze Anwendung dauerhaft wie ihr Einstiegspunkt (und der Screenreader sagt beim „Seitenwechsel“ nichts Neues an).
So testest du es
- Durch die wichtigsten Seiten klicken und nur auf den Browser-Tab schauen: Ist jeder Titel einzigartig und beschreibend?
- Automatisch: axe/Lighthouse melden fehlende oder leere Titel; doppelte Titel zeigt jeder SEO-Crawl.
- Screenreader-Probe: Seitenwechsel mit NVDA – sagt die Ansage aus, wo man gelandet ist?
Verwandte Themen
- Title-Tag & Meta-Description – dieselbe Arbeit aus SEO-Sicht
- Dokument-Metadaten – der head im Zusammenhang
- 2.4.6 Überschriften und Beschriftungen – dasselbe Prinzip innerhalb der Seite