2.4.2 Seite mit Titel: WCAG 2.2 verständlich erklärt

Was bedeutet das?

Der Seitentitel steht im title-Element und erscheint im Browser-Tab, in Lesezeichen und in Suchergebnissen. Screenreader lesen ihn als Erstes vor. Er sollte sagen, worum es auf genau dieser Seite geht.

Bewährt hat sich: zuerst das Seitenthema, dann der Name der Website, etwa „Kontakt – Bäckerei Müller“. Auch Schritte in einem Ablauf wie dem Bestellvorgang brauchen eigene Titel.

Wem hilft das?

Screenreader-Nutzer, die sofort wissen wollen, wo sie gelandet sind
Menschen mit vielen offenen Tabs, die Seiten am Titel unterscheiden
Menschen mit kognitiven Einschränkungen, die Orientierung brauchen

Typische Fehler

Alle Seiten tragen denselben Titel, etwa nur den Firmennamen
Platzhalter wie „Unbenannt“, „Home“ oder „Neue Seite“
In einer Single-Page-Anwendung ändert sich der Titel beim Seitenwechsel nicht
Der Titel beginnt mit einer langen Werbezeile statt mit dem Thema

So prüfen wir das

axe-core Automatisch: axe-core findet typische Verstöße. Ein Verstoß wird als „nicht erfüllt“ vorausgefüllt.
Belege Belege: Unser Scanner sammelt Material, zum Beispiel Screenshots, Listen und Messungen.

Prüffrage: Beschreibt jeder Seitentitel das Thema und unterscheiden sich die Titel (siehe Liste)?

Entschieden wird jedes Kriterium von einem Menschen. Kein Kriterium gilt automatisch als erfüllt.

So beheben Sie es

Problem

<title>Startseite</title>

Besser

<title>Rückgabe und Umtausch – Schuhhaus Beispiel</title>

Der Titel nennt das Thema der Seite zuerst und erst danach den Namen der Website.

Praxistipps

Bei Fehlern im Formular hilft ein Titel wie „Fehler: Bestellung – Schritt 2 von 4“.

Ratgeber und Muster dazu

Offizielle Quelle

Understanding WCAG 2.2 beim W3C (Englisch): 2.4.2 Page Titled

Wie steht Ihre Website bei diesem Kriterium?

Der kostenlose Check prüft Ihre Startseite automatisch, das Audit entscheidet alle 55 Kriterien.

Kostenlos prüfen Alle Kriterien