1. Was ist das Ziel dieses Kriteriums?
Browser-Tabs gehören heute zum Internet wie der Kaffee zum Coworking-Space – überall sind sie offen, aber niemand weiß mehr, wo was ist. Menschen mit Behinderungen haben es dabei besonders schwer: Screenreader-Nutzer können 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 der WCAG ist deshalb klar: Jede Webseite braucht einen aussagekräftigen Titel, der sofort verrät, was auf der Seite zu finden ist. Nicht nur "Startseite" oder "Seite 1", sondern echte, beschreibende Titel, die jedem sofort klarmachen: "Hier bin ich richtig – oder eben nicht."
2. Was fordert das Erfolgskriterium genau?
Ganz konkret geht es darum, dass jede Webseite einen Titel haben muss, der das Thema oder den Zweck der Seite beschreibt. Das klingt simpel, aber dahinter steckt mehr:
Der Titel muss den Seiteninhalt oder -zweck eindeutig beschreiben – nicht nur allgemeine Begriffe wie "Willkommen" oder "Info".
Jede Seite braucht einen einzigartigen Titel, der sie von anderen Seiten unterscheidet.
Bei dynamischen Seiten (wie Single Page Applications) muss sich der Titel ändern, wenn sich der Seiteninhalt ändert.
Der Titel soll im <title>-Element im HTML-Head stehen, damit Browser ihn in Tabs, Lesezeichen und der Verlaufsanzeige verwenden können.
Ausnahmen gibt es praktisch keine – es sei denn, eine Seite ist Teil einer Dokumentensammlung, wo der Name des Dokuments als Titel ausreicht.
Ein praktisches Beispiel: Statt "Bank XYZ" sollte der Titel lauten "Kontoübersicht - Bank XYZ" oder "Überweisungen - Bank XYZ", damit klar ist, auf welcher Funktionsseite man sich befindet.
3. Warum ist das wichtig für Barrierefreiheit?
Stell dir vor, Anna navigiert mit einem Screenreader durch einen Online-Shop und hat mehrere Produktseiten offen – aber alle heißen nur "Produktdetails". Sie muss jede Seite komplett durchhören, um herauszufinden, ob sie beim roten Pullover oder den blauen Schuhen ist. Oder stell dir vor, Thomas hat nach seinem Schlaganfall Gedächtnisprobleme und verliert bei einem mehrstufigen Bestellprozess den Überblick, weil jede Seite nur "Bestellung" heißt.
Beschreibende Seitentitel schaffen Barrierefreiheit, weil sie:
Menschen mit Sehbehinderungen ermöglichen, zwischen "Roter Pullover XL - Produktdetails" und "Blaue Sneaker Gr. 42 - Produktdetails" sofort 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" sofort zeigen, wo sie im Prozess stehen.
Menschen mit schweren motorischen Einschränkungen helfen, die per Sprachsteuerung "Wechsle zu Bezahlung" sagen können, statt umständlich zwischen unspezifischen Tabs zu navigieren.
Screenreader-Nutzern als allererstes Element mitteilen: "Du bist auf der Kontaktseite" oder "Du bist bei den Suchergebnissen für Winterjacken".
Menschen mit Aufmerksamkeitsdefiziten dabei unterstützen, sich in komplexen Anwendungen wie Online-Banking zurechtzufinden ("Kontoübersicht - Sparkasse" vs. "Überweisungen - Sparkasse").
Und: Sie machen Inhalte durchsuchbar und auffindbar – sowohl für Nutzer als auch für Suchmaschinen.
4. So setzt du das Kriterium erfolgreich um
Die gute Nachricht: Gute Seitentitel zu erstellen ist keine Raketenwissenschaft – aber sie brauchen Strategie und Konsistenz. Hier ein paar bewährte Praxis-Tipps:
Struktur und Format: Nutze ein einheitliches Format wie "Seitenname - Bereich - Websitename" (z.B. "Kontakt - Über uns - ACME Corp").
Bei mehrstufigen Prozessen zeige den aktuellen Schritt: "Bezahlung - Schritt 2 von 4 - Online-Shop".
Halte Titel prägnant – idealerweise unter 60 Zeichen, damit sie in Browser-Tabs vollständig sichtbar bleiben.
Inhaltliche Qualität: Beschreibe konkret, was auf der Seite zu finden ist – nicht nur wozu sie gehört.
Verwende klare, verständliche Sprache ohne Fachbegriffe oder interne Kürzel.
Mache jeden Titel einzigartig innerhalb deiner Website.
Setze das Wichtigste an den Anfang – falls der Titel abgeschnitten wird, soll das Wesentliche sichtbar bleiben.
Technische Umsetzung: Verwende das <title>-Element im HTML-Head korrekt.
Bei Single Page Applications (SPAs) aktualisiere den Titel dynamisch mit JavaScript: document.title = "Neuer Titel".
Sorge dafür, dass der Seitentitel mit der Hauptüberschrift (H1) übereinstimmt oder sich ergänzt.
Vergiss nicht dynamische Seiten wie Suchergebnisse ("Suchergebnisse für 'Barrierefreiheit'") oder Fehlermeldungen ("Fehler 404 - Seite nicht gefunden").
5. Warum dieses Erfolgskriterium für Unternehmen relevant ist
Auch bei Erfolgskriterium 2.4.2 gilt: Barrierefreiheit ist kein Selbstzweck – sondern bringt handfeste Vorteile für dein Business.
1. Nutzerfreundlichkeit steigern Klare Seitentitel verbessern die Orientierung für alle Nutzer. Menschen finden schneller, was sie suchen, und kehren eher zurück auf deine Website. Das erhöht Zufriedenheit und Conversion-Raten – besonders bei komplexen Anwendungen oder Online-Shops.
2. Suchmaschinenoptimierung verbessern Suchmaschinen verwenden Seitentitel als wichtigsten Ranking-Faktor und zeigen sie in den Suchergebnissen an. Gut formulierte, beschreibende Titel führen zu höheren Klickraten und besseren Positionen bei Google & Co.
3. Markenwahrnehmung stärken Konsistente, professionelle Seitentitel vermitteln Kompetenz und Aufmerksamkeit für Details. Nutzer vertrauen Websites mehr, die auch in kleinen Elementen wie Titeln durchdacht wirken – das stärkt deine Marke nachhaltig.
Und nicht zuletzt: Rechtssicherheit und Fördermöglichkeiten. Viele öffentliche Projekte fordern digitale Barrierefreiheit bereits verpflichtend – wer vorbereitet ist, hat klare Vorteile bei Ausschreibungen und Förderanträgen.
6. Das Erfolgskriterium im Wortlaut der W3
Success Criterion 2.4.2 Page Titled (Level A)
Web pages have titles that describe topic or purpose.