Erfolgskriterien

WCAG 2.4.2 Seite betitelt

Erfolgskriterium 2.4.2 verlangt, dass Webseiten Titel haben, die ihr Thema oder ihren Zweck beschreiben. Es ist ein Kriterium der Stufe A unter Richtlinie 2.4 (Navigierbar).

Warum der Seitentitel so viel Gewicht trägt

Das <title>-Element ist meist das Erste, was beim Laden einer Seite von einem Screenreader angekündigt wird, und es ist die Beschriftung, die in einem Browser-Tab, einem Lesezeichen und einem Browserverlaufseintrag angezeigt wird. Ein fehlender oder generischer Titel (<title></title>, oder dasselbe "Meine App" auf jeder Seite) versagt bei allen diesen Rollen gleichzeitig – ein Nutzer mit mehreren offenen Tabs, oder einer, der per Screenreader navigiert, hat keine Möglichkeit, eine Seite von einer anderen zu unterscheiden.

"Vorhanden" ist nicht dasselbe wie "konform"

Ein nicht leerer <title> erfüllt technisch eine naive Prüfung, aber die tatsächliche Absicht des Kriteriums ist, dass der Titel das Thema oder den Zweck genau dieser Seite beschreibt. Eine Website, auf der jeder Seitentitel nur der Website-Name ist, oder ein bloßes "Seite", hat vorhandene, aber nicht aussagekräftig beschreibende Titel – das ist weiterhin ein praktisches Versagen dessen, was dieses Kriterium garantieren soll, selbst wenn eine automatisierte Prüfung nur den vollständig leeren Fall mit voller Sicherheit markiert.

Die Single-Page-App-Falle

Traditionelle serverseitig gerenderte Websites bekommen dies meist standardmäßig richtig – jede Seiten-HTML enthält einfach ihr eigenes <title>. Client-seitig geroutete Single-Page-Anwendungen sind die häufigere Verstoßquelle: Die Navigation zwischen Ansichten ändert die URL und den sichtbaren Inhalt, aber sofern nichts ausdrücklich document.title bei jeder Routenänderung aktualisiert, bleibt der Titel still eingefroren bei dem, was der anfängliche Seitenaufruf gesetzt hat. Siehe Fehlende oder generische Seitentitel für das Lösungsmuster und wie Sie prüfen, ob Ihre Routing-Bibliothek dies tatsächlich handhabt.

Ein guter Titel, konkret

Eine nützliche Konvention: {seitenspezifisches Thema} – {Website-Name}, mit dem eindeutigen Teil zuerst, damit er der Teil ist, der sichtbar bleibt, wenn ein Browser-Tab oder Lesezeichen lange Titel abschneidet. "Profil bearbeiten – Meine App" sagt einem Nutzer genau, wo er ist; "Meine App", auf jeder Seite wiederholt, sagt ihm nichts darüber hinaus, auf welcher Website er sich befindet.

Häufige Fragen

Was ist WCAG 2.4.2 Seite betitelt?

Ein Kriterium der Stufe A, das für jede Seite ein aussagekräftiges title-Element verlangt, das Thema oder Zweck der Seite vermittelt.

Warum ist der Seitentitel wichtig?

Screenreader sagen ihn beim Laden als Erstes an, und Nutzer unterscheiden anhand des Titels Tabs, Lesezeichen und Verlaufseinträge.

Was ist ein guter Seitentitel?

Eindeutig und aussagekräftig, meist mit dem konkreten Seitenthema beginnend, etwa `Preise — AllyProof` statt eines auf jeder Seite wiederholten `Startseite`.