Praxisleitfaden Orientierung im Browser
Fehlende Seitentitel sinnvoll ergänzen
Leere Dokumenttitel erkennen, passend benennen und die Korrektur prüfen.
document-titleWCAG 2.4.2
Sehen Sie, was sich durch die Korrektur ändert.
Zuletzt geprüft: Permalink: https://spanier.one/wcag-document-title.html
Befund verstehen
Eine sichtbare Überschrift ersetzt keinen Dokumenttitel
Die Beispielseite zeigt groß „Sieben Feuer“. Ihr HTML-Dokument enthält trotzdem nur <title></title>. Die Regel prüft den Dokumenttitel; die sichtbare Überschrift ist dafür kein Ersatz.
Warum das relevant ist
Ohne aussagekräftigen Titel lässt sich die Seite beim Wechsel zwischen Browser-Tabs oder in einer vorgelesenen Titelliste schwer zuordnen. Das Thema sollte erkennbar sein, bevor jemand den Seiteninhalt liest.
Scanner-Signal
document-title meldet am Element html ein leeres title-Element im head.
- Regel
document-title- Referenz
- WCAG 2.4.2
Vorher: aus dem Dokument ausgelesen
document.title = ""
head > title: <title></title>
Axe document-title: Verstoß am Element html
Sichtbare Überschrift: Sieben FeuerLeere Seitentitel lokalisieren
Ordnen Sie leere Titel ihren Dokumenten zu. Die inhaltliche Eignung vorhandener Titel beurteilen Sie anschließend.
Illustratives Beispiel · Leere Dokumenttitel
3 von 100 Seiten3 % mit diesem Befund im Beispiel
Ein Feld steht für eine Seite. Ein Kreuz markiert eine betroffene Seite.
Betroffene Seiten im Beispiel: 7, 32, 86.
97 Seiten sind unmarkiert. Das bedeutet nur: kein Befund dieser Regel im Beispiel. Es ist kein Nachweis vollständiger Barrierefreiheit.
Welcher Titel beschreibt diese Seite?
Benennen Sie das konkrete Thema oder die Aufgabe des geöffneten Dokuments.
Seitenkontext
Der Einstieg erklärt, worum es im Titel gehen soll
Der vollständige Einstieg zeigt Überschrift, Einleitung und Schaubild der Lernseite. Browser-Tabs gehören nicht zu dieser Aufnahme. Der Rahmen ordnet den Befund dem Dokument zu; er markiert keinen fehlerhaften Text im sichtbaren Einstieg.
Die Einleitung beschreibt Namen und Gemeinschaften rund um Sioux, Dakota und Lakota. Daraus lässt sich ein konkreter Dokumenttitel ableiten. Vorher ist dieser Titel leer, obwohl die Seite bereits eine sichtbare Überschrift besitzt.
Im Dokument ergänzen
Das vorhandene title-Element mit Inhalt füllen
Im Beispiel erhält ausschließlich das leere title-Element den Text „Sioux, Dakota und Lakota: Namen und Gegenwart“. Die Überschrift „Sieben Feuer“ und der sichtbare Seiteninhalt bleiben unverändert.
Was sich im Code ändert
Die geänderte Stelle im Beispiel. Unveränderter Anfang und Schluss sind hier ausgeblendet.
- Kommt hinzu
Sioux, Dakota und Lakota: Namen und Gegenwart
Im CMS Bearbeiten Sie das Feld für den HTML- oder Browser-Titel der Seite. Kontrollieren Sie danach den veröffentlichten Dokumenttitel: Ein Feld für die sichtbare Überschrift kann etwas anderes steuern.
Vollständigen Code vergleichen
Vorher
<title></title>Nachher
<title>Sioux, Dakota und Lakota: Namen und Gegenwart</title>Markierte Zeilen wurden geändert
Titel umsetzen
Das Thema auch außerhalb der Seite verständlich machen
Ein brauchbarer Titel lässt sich ohne die sichtbare Überschrift zuordnen.
- 1
Lesen Sie Einleitung und Hauptinhalt, bevor Sie das Thema im Titel zusammenfassen.
- 2
Verwenden Sie für Unterseiten ihre konkrete Aufgabe oder ihr Thema statt eines einheitlichen Platzhalters.
- 3
Ergänzen Sie den Website-Namen bei Bedarf, ohne die Seitenbezeichnung zu verdrängen.
- 4
Prüfen Sie Direktaufruf und Ansichtswechsel: Der Titel muss zum tatsächlich angezeigten Inhalt passen.
Fehlversuche vermeiden
Ein formal gefülltes Feld kann weiterhin wenig helfen
Nur die Überschrift ändern
Ein h1 steht im Seiteninhalt. Die Regel document-title prüft den Titel im head; das leere title-Element bleibt sonst bestehen.
Ein title-Attribut ergänzen
Ein Tooltip etwa durch <body title="…"> setzt keinen Dokumenttitel. Verwenden Sie das title-Element im head.
Jeder Seite denselben Titel geben
Ein allgemeiner Website-Name kann den Test bestehen, unterscheidet aber keine Unterseiten. Prüfen Sie den Titel im Kontext weiterer geöffneter Seiten.
Den alten Ansichtstitel behalten
Nach einem Ansichtswechsel kann noch der vorherige Titel im Dokument stehen. Testen Sie den Wechsel selbst, nicht nur einen direkten Seitenaufruf.
Nicht leer und am selben Dokument erneut geprüft
Nach der Ergänzung besteht das unveränderte html-Element die Regel document-title. Die Prüfung liest außerdem den erwarteten Titel aus und bestätigt die unveränderte Überschrift. Die Rohbilder vor und nach der Reparatur sind pixelgleich.
So prüfen Sie die Korrektur nach
- Lesen Sie den veröffentlichten Titel im Browser-Tab oder über document.title in den Entwicklerwerkzeugen aus.
- Führen Sie document-title für dasselbe Dokument erneut aus und kontrollieren Sie den Ergebnisstatus.
- Vergleichen Sie den Titel mit Thema und Zweck der Seite sowie mit Titeln benachbarter Unterseiten.
Der Pass belegt die behobene Leerstelle im Dokumenttitel. Er bewertet weder die Aussagekraft des Textes noch die übrigen Barrieren der Kalibrierseite.
Nachher: aus dem Dokument ausgelesen
document.title = "Sioux, Dakota und Lakota: Namen und Gegenwart"
Axe document-title: Pass am selben Element html
Sichtbare Überschrift: Sieben Feuer
Seitenaufnahme: pixelgleich, Browser-Tabs nicht abgebildetPrüfgrenzen
Vorhandensein messen, Bedeutung beurteilen
Automatisierung erkennt den leeren Titel. Die passende Formulierung benötigt den Seitenkontext.
Automatisch prüfbar
- Fehlende oder leere Dokumenttitel erkennen
- Den Befund dem betroffenen HTML-Dokument zuordnen
- Nach der Änderung prüfen, ob das title-Element nicht mehr leer ist
Im Kontext zu entscheiden
- Prüfen, ob der Titel Thema oder Zweck der Seite tatsächlich beschreibt
- Beurteilen, ob sich die Seite anhand des Titels von anderen Seiten unterscheiden lässt
- Bei dynamischen Ansichten kontrollieren, ob der Titel mit dem Inhalt wechselt