2.4.2 Seitentitel

1. Was ist das Ziel dieses Kriteriums?

Browser-Tabs gehören heute zum Internet wie der Kaffee zum Großraumbüro – überall sind sie offen, aber niemand weiß mehr, wo was ist. Menschen mit Behinderungen haben es dabei besonders schwer: Wer einen Screenreader nutzt, kann nicht mal eben schnell über die offenen Tabs schauen, und Menschen mit kognitiven Einschränkungen brauchen klare Orientierung, wo sie gerade sind.

Das Ziel von Erfolgskriterium 2.4.2 ist deshalb klar: Jede Seite braucht einen aussagekräftigen Titel, der sofort verrät, worum es geht. Nicht nur „Startseite“ oder „Seite 1“, sondern beschreibende Titel, die allen sofort klarmachen: „Hier bin ich richtig – oder eben nicht.“

2. Was fordert das Erfolgskriterium genau?

Jede Seite muss einen Titel haben, der ihr Thema oder ihren Zweck beschreibt. Das klingt simpel, aber dahinter steckt mehr:

• Der Titel muss den Inhalt oder Zweck der Seite beschreiben – allgemeine Begriffe wie „Willkommen“ oder „Info“ reichen nicht.
• Der Titel steht im <title>-Element im <head>, damit Browser ihn in Tabs, Lesezeichen und im Verlauf anzeigen und Screenreader ihn beim Laden vorlesen.
• Der Titel sollte auch ohne Zusammenhang verständlich und möglichst kurz sein.

Empfehlenswert, aber nicht ausdrücklich gefordert: Der Titel nennt auch die Website, zu der die Seite gehört, und unterscheidet sich von den Titeln anderer Seiten derselben Website.

Bei Single-Page-Apps, in denen sich der Inhalt ohne neues Laden der Seite austauscht, sollte sich der Titel mit jeder neuen Ansicht ändern.

Ein praktisches Beispiel: Statt „Bank XYZ“ sollte der Titel „Kontoübersicht – Bank XYZ“ oder „Überweisungen – Bank XYZ“ lauten, damit klar ist, in welchem Bereich man sich befindet.

3. Warum ist das wichtig für Barrierefreiheit?

Stell dir vor, du navigierst mit einem Screenreader durch einen Online-Shop und hast mehrere Produktseiten offen – aber alle heißen nur „Produktdetails“. Du musst jede Seite anhören, um herauszufinden, ob du beim roten Pullover oder bei den blauen Schuhen bist. Oder du hast Gedächtnisprobleme und verlierst in einem mehrstufigen Bestellprozess den Überblick, weil jede Seite nur „Bestellung“ heißt.

Beschreibende Seitentitel schaffen Barrierefreiheit, weil sie:

• blinden Menschen ermöglichen, zwischen „Roter Pullover XL – Produktdetails“ und „Blaue Sneaker Gr. 42 – Produktdetails“ zu unterscheiden, ohne alles anhören zu müssen,
• Menschen mit kognitiven Einschränkungen oder Gedächtnisproblemen durch Titel wie „Lieferadresse – Schritt 2 von 4 – Bestellung“ zeigen, wo sie im Prozess stehen,
• Screenreader-Nutzenden beim Laden als Erstes mitteilen: „Du bist auf der Kontaktseite“ oder „Du bist bei den Suchergebnissen für Winterjacken“,
• Menschen mit Sehbehinderungen, die stark vergrößern, die Orientierung zwischen Tabs und Fenstern erleichtern,
• Menschen mit Aufmerksamkeitsstörungen helfen, sich in komplexen Anwendungen wie dem Online-Banking zurechtzufinden („Kontoübersicht“ vs. „Überweisungen“).

Und: Gute Titel helfen allen, Seiten in Lesezeichen, im Verlauf und in Suchergebnissen wiederzufinden.

4. So setzt du das Kriterium erfolgreich um

Die gute Nachricht: Gute Seitentitel sind keine Raketenwissenschaft – aber sie brauchen ein System und Konsistenz. Hier ein paar bewährte Praxistipps:

Struktur und Format:

• Nutze ein einheitliches Format wie „Seitenname – Bereich – Websitename“ (z. B. „Kontakt – Über uns – Beispiel GmbH“).
• Zeige bei mehrstufigen Prozessen den aktuellen Schritt: „Bezahlung – Schritt 3 von 4 – Online-Shop“.
• Halte Titel kurz und setze das Wichtigste an den Anfang. Browser-Tabs zeigen oft nur die ersten Wörter, und auch Suchmaschinen kürzen lange Titel.

Inhaltliche Qualität:

• Beschreibe konkret, was auf der Seite zu finden ist – nicht nur, wozu sie gehört.
• Verwende klare, verständliche Sprache ohne interne Kürzel.
• Gib jeder Seite möglichst einen eigenen Titel.

Technische Umsetzung:

• Verwende genau ein <title>-Element im <head>.
• Aktualisiere den Titel in Single-Page-Apps bei jedem Ansichtswechsel per JavaScript: document.title = "Warenkorb – Online-Shop";. Da Screenreader einen geänderten Titel nicht von selbst vorlesen, setze zusätzlich den Fokus sinnvoll, etwa auf die neue Hauptüberschrift.
• Sorge dafür, dass Seitentitel und Hauptüberschrift (H1) übereinstimmen oder sich ergänzen.
• Vergiss dynamische Seiten nicht, etwa Suchergebnisse („Suchergebnisse für ‚Barrierefreiheit‘“) oder Fehlerseiten („Seite nicht gefunden (404)“).
• Zeige bei Formularfehlern den Fehler auch im Titel an, z. B. „Fehler: Kontaktformular“.

Verwandt sind Überschriften und Beschriftungen sowie Ort, das zeigt, wo man sich innerhalb einer Website befindet.

5. Warum dieses Erfolgskriterium für Unternehmen relevant ist

Auch bei Erfolgskriterium 2.4.2 gilt: Barrierefreiheit ist kein Selbstzweck – sondern bringt handfeste Vorteile.

1. Nutzerfreundlichkeit steigern: Klare Seitentitel verbessern die Orientierung für alle. Menschen finden schneller, was sie suchen, und finden offene Tabs oder Lesezeichen leichter wieder – besonders bei komplexen Anwendungen oder Online-Shops.

2. Sichtbarkeit in Suchergebnissen: Barrierefreiheit ist kein direkter Rankingfaktor. Der Seitentitel erscheint aber meist als anklickbare Überschrift in den Suchergebnissen. Ein beschreibender Titel hilft Menschen dort zu erkennen, ob sich der Klick lohnt – ein indirekter Vorteil.

3. Markenwahrnehmung stärken: Konsistente, durchdachte Seitentitel vermitteln Sorgfalt und Professionalität – auch in kleinen Details.

Und nicht zuletzt: 2.4.2 ist ein Level-A-Kriterium und damit Teil von WCAG 2.1 AA, auf die die Norm EN 301 549 verweist. Seit dem 28. Juni 2025 müssen unter anderem Online-Shops nach dem Barrierefreiheitsstärkungsgesetz (BFSG) diese Anforderungen erfüllen, öffentliche Stellen nach BITV 2.0 bzw. Landesrecht. Das ist eine allgemeine Information und keine Rechtsberatung.

6. Das Erfolgskriterium im Wortlaut des W3C

Success Criterion 2.4.2 Page Titled (Level A)

Web pages have titles that describe topic or purpose.

Kurz gesagt: Jede Seite braucht einen Titel, der ihr Thema oder ihren Zweck beschreibt.