Aussagekräftige Dokumententitel auf Webseiten: warum sie für Barrierefreiheit wichtig sind

Wenn Redakteurinnen und Redakteure an Überschriften denken, haben sie meist die sichtbaren Überschriften auf der Webseite im Blick. Daneben gibt es jedoch noch einen zweiten Titel: den Dokumenttitel beziehungsweise HTML-Seitentitel einer Seite. Er wird im <title>-Element im Kopfbereich des HTML-Dokuments hinterlegt und ist nicht mit der sichtbaren Hauptüberschrift (H1) zu verwechseln. Er erscheint beispielsweise im Browser-Tab, in Lesezeichen und häufig auch in Suchergebnissen.

Für die digitale Barrierefreiheit spielt der Dokumenttitel eine wichtige Rolle. Menschen, die Screenreader nutzen, erhalten dadurch oft als Erstes die Information, welche Webseite oder Unterseite gerade geöffnet wurde. Ein aussagekräftiger Dokumenttitel hilft daher bei der Orientierung und Navigation innerhalb eines Webauftritts. Davon profitieren auch Menschen mit kognitiven Beeinträchtigungen oder eingeschränktem Kurzzeitgedächtnis.

Fachlich ist die Anforderung in den Web Content Accessibility Guidelines (WCAG) verankert. Das Erfolgskriterium 2.4.2 „Page Titled“ auf Konformitätsstufe A verlangt, dass Webseiten Titel haben, die ihr Thema oder ihren Zweck beschreiben. Im BIK BITV-Test wird dies im Prüfschritt „Sinnvolle Dokumenttitel“ geprüft.

Was ist ein guter Dokumenttitel?

Ein guter Dokumenttitel beschreibt den Inhalt einer einzelnen Webseite möglichst eindeutig und macht gleichzeitig deutlich, zu welchem Webauftritt die Seite gehört. Bewährt hat sich daher eine Kombination aus einer individuellen Seitenbezeichnung und dem Namen des Angebots, beispielsweise „Barrierefreie PDFs erstellen | Wissensportal Digitalisierung“ oder „Öffnungszeiten Bürgerbüro | Stadt Musterstadt“.

So können Nutzerinnen und Nutzer auch dann schnell erkennen, welche Seite gemeint ist, wenn mehrere Browser-Tabs geöffnet sind oder die Seite in einer Lesezeichenliste gespeichert wurde.

Aussagekräftige Seitentitel statt Standardtexte verwenden

In vielen Content-Management-Systemen (CMS) werden neue Seiten zunächst mit Standardtiteln angelegt. Vor der Veröffentlichung sollten diese überprüft und angepasst werden.

Wenig hilfreiche Dokumenttitel sind zum Beispiel:

• „Startseite“ ohne Namen des Webauftritts
• „Willkommen“
• „Informationen“
• „Neues Dokument“

Solche Titel beschreiben den Inhalt der Seite nicht ausreichend und erschweren die Orientierung.

Allgemeine Titel wie „Informationen“ helfen bei der Orientierung nur wenig. Deutlich hilfreicher ist ein Dokumenttitel, der das tatsächliche Thema der Seite nennt, etwa „Antrag auf Bewohnerparkausweis | Stadt Musterstadt“. So wird auf einen Blick deutlich, worum es auf der Seite geht. Ein präziser Titel kann darüber hinaus Suchmaschinen und KI-gestützten Suchsystemen helfen, den Inhalt einzuordnen und auffindbar zu machen.

Auf dekorative Sonderzeichen verzichten

Manche Webseiten verwenden Schmuckelemente im Dokumenttitel:

• „~~~ Aktuelles ~~~“
• „=== Kontakt ===“

Solche Zusätze bringen keinen inhaltlichen Mehrwert. Screenreader können diese Sonderzeichen unter Umständen vorlesen, was die Verständlichkeit verschlechtert.

Für barrierefreie Dokumenttitel gilt deshalb: möglichst kurz, sachlich und eindeutig formulieren. Schlichte Trennzeichen wie ein Bindestrich oder senkrechter Strich, die Seitenbezeichnung und Webauftritt voneinander abgrenzen, sind damit nicht gemeint.

Häufige Fehler bei Dokumenttiteln vermeiden

Vier Probleme treten in der Online-Redaktion besonders häufig auf:

1. Alle Seiten haben denselben Dokumenttitel.
   Besser: Jede Seite erhält einen individuellen und unterscheidbaren Seitentitel.

2. Es wird nur der Name der Organisation genannt.
   Besser: Zuerst den Inhalt der Seite beschreiben und anschließend den Namen des Webauftritts ergänzen.

3. Der Dokumenttitel beschreibt den Inhalt nicht ausreichend.
   Besser: Das konkrete Thema oder den Zweck der Seite benennen.

4. Der Titel bleibt bei wechselnden Ansichten unverändert.
   Besser: Bei mehrstufigen Formularen, Suchergebnissen oder dynamischen Webanwendungen den aktuellen Schritt oder Zustand im Seitentitel benennen.

Checkliste für barrierefreie Dokumenttitel

• Jede einzelne Seite eines Webauftritts hat einen individuellen und unterscheidbaren Dokumenttitel.
• Der Dokumenttitel beschreibt das Thema oder den Zweck der Seite.
• Der Name des Webauftritts wird möglichst ergänzt.
• Die individuelle Seitenbezeichnung steht vor dem Namen des Angebots.
• Allgemeine Titel wie „Willkommen“ oder „Informationen“ werden vermieden.
• Typografischer Schmuck und unnötige Sonderzeichen werden nicht verwendet.
• Bei mehrstufigen Formularen und dynamischen Ansichten wird der aktuelle Schritt oder Zustand benannt.

Praxis-Tipp: Öffnen Sie mehrere Seiten des Webauftritts gleichzeitig und prüfen Sie die Browser-Tabs. Lassen sich die Seiten allein anhand ihrer Titel sicher unterscheiden?

Der Aufwand für gute Dokumenttitel ist gering. Dennoch gehören sie zu den wichtigsten Orientierungshilfen einer Webseite. Wer als Online-Redaktion jeder Seite einen aussagekräftigen Dokumenttitel gibt, verbessert die Barrierefreiheit und erleichtert die Navigation. Zusätzlich kann ein präziser Titel die Auffindbarkeit über Suchmaschinen und KI-gestützte Suchangebote unterstützen.

SEO-Tipp: Der Dokumenttitel im HTML-Element <title> muss nicht wortgleich mit der sichtbaren H1-Überschrift sein. Beide sollten jedoch dasselbe Thema beschreiben und sich sinnvoll ergänzen. Suchdienste können den in ihren Ergebnissen angezeigten Titel allerdings eigenständig anpassen.

Text: Stiftung Pfennigparade