A: Dokumente müssen ein < title>-Element besitzen, um die Navigation zu erleichtern (WCAG 2.4.2)
document-title
Stellt sicher, dass jedes HTML Dokument ein nichtleeres <title>-Element besitzt.
Das bedeutet
Jede Seite braucht einen aussagekräftigen, nichtleeren Seitentitel im <title> innerhalb von <head>. Der Titel beschreibt prägnant Zweck und Inhalt der aktuellen Seite und unterscheidet sich von anderen Seiten.
Auswirkung
Ohne klaren Titel fehlt Nutzerinnen und Nutzern sowie Screenreader Nutzenden eine schnelle Orientierung. Tabs, Lesezeichen und Verlaufslisten sind schwer zu überblicken. Das erschwert Navigation, erhöht Abbrüche und verletzt WCAG.
Empfehlung
-
Sinnvollen Titel setzen: kurz, eindeutig, seitenbezogen.
-
Konvention: „Seitenthema – Website Name“ oder „Seitenthema | Website Name“.
-
Einzigartig pro Seite, keine generischen Titel wie „Startseite“ oder „Unbenannt“.
-
Aktualisieren bei dynamischen Ansichten und in Single Page Applications.
-
Sprache konsistent zur Seiten Sprache wählen.
Beispiel
Problematisch
<!doctype html>
<html lang="de">
<head>
<!-- kein Title oder leerer Title -->
<title></title>
</head>
<body>...</body>
</html>
Besser
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Spenden abschließen – Verein Beispiel</title>
</head>
<body>...</body>
</html>
SPA Aktualisierung
// nach Routenwechsel aufrufen
document.title = 'Warenkorb prüfen – Shop Beispiel';
Verknüpfte WCAG-Kriterien:
WCAG 2.4.2 - Seite mit Titel versehen