Page-level accessibility: Identifying pages by title
Stell dir vor, die Bücher in einer Bibliothek hätten keine Titel ... niemand wüsste, was drinnen steht. Man müsste jedes Buch herausnehmen und darin lesen, um zu wissen, worum es im Buch geht.
Für den Seitentitel wird das <title>-Element im <head> verwendet.
Page-Titel
- Wichtig im Browsertab - um zwischen offenen Browsertabs navigieren zu können
- Der Seitentitel ist das erste, was ein Screenreader vorliest, wenn er eine Website besucht.
- Automatische Accessibility-Checker kontrollieren (meistens), ob ein
<title>-Element vorhanden bzw. nicht leer ist, können aber keine Aussage darüber treffen, ob der Titel tatsächlich sinnvoll ist. Daher ist eine manuelle Überprüfung immer wichtig.
Der Seitentitel soll
- das Thema oder das primäre Ziel einer einzelnen Seite identifizieren
- auch ohne Kontext Sinn machen (z.B. für einen Screenreader oder in einer Sitemap oder in einer Liste von Suchergebnissen)
- keine Sonderzeichen enthalten, die unnötig komische Ansagen ergeben, wie z.B. das
|Pipe-Zeichen - kurz und präzise sein
- einzigartig innerhalb der Website - keine Titel doppelt verwenden
- zusammengesetzte Titel sind sinnvoll: Thema der Einzelseite (zuerst) – Thema der gesamten Website (am Ende)
Seitentitel und h1-Überschrift
Beide haben einen ähnlichen Zweck: Der Titel identifiziert die Seite innerhalb einer Website und setzt eine Erwartung an den Inhalt des Dokuments, und die <h1>-Überschrift beschreibt den primären Inhalt der Seite. Daher sollten die <h1>-Überschrift und der individuelle Teil des Seitentitels identisch sein.
Die Ausnahme von dieser Regel ist die Startseite, wo die <h1>-Überschrift nicht immer dem Titel entspricht.
Relevante Success Criteria
- SC 2.4.2 Page Titled (Level A)
- Web pages have titles that describe topic or purpose.