- Stufe
- A
- Seit
- WCAG 2.0
- Einträge
- 8 / 193
2.4.2 Seite mit Titel versehen
Jede Seite braucht einen Titel, der sagt, was sie ist, denn genau den liest ein Screenreader vor und zeigt der Browser-Tab an.
/ Was es verlangt
Das title-Element im head des Dokuments ist das Erste, was ein Screenreader beim Laden einer Seite ansagt, und zugleich die Beschriftung von Browser-Tab, Lesezeichen, Verlaufseintrag und Suchergebnis. Wer nicht kurz auf den Bildschirm schauen kann, verlässt sich darauf, um zu prüfen, ob die richtige Seite geladen ist, und um mehrere offene Tabs auseinanderzuhalten. Menschen mit Gedächtnis- oder Aufmerksamkeitsschwierigkeiten finden mit seiner Hilfe zurück.
Die Seite besteht, wenn sie einen Titel hat, der ihr Thema oder ihren Zweck beschreibt. WCAG legt weder Länge noch Format fest. Ein Titel, der fehlt, leer ist, ein Überbleibsel wie Unbenannt oder der Dateiname ist oder auf jeder Seite der Website gleich lautet, beschreibt nichts und besteht nicht. Den seitenspezifischen Teil nach vorn und den Namen der Website dahinter zu stellen ist empfohlene Praxis, keine Anforderung des Kriteriums.
/ Woran Seiten scheitern
- Im head fehlt das title-Element, sodass der Browser im Tab die URL anzeigt.
- Das title-Element ist vorhanden, aber leer.
- Jede Seite trägt denselben Titel, meist nur den Namen der Organisation.
- Der Titel ist ein Überbleibsel aus der Vorlage, etwa Unbenannt, Startseite oder Neue Seite.
- Eine Single-Page-Anwendung wechselt die Ansicht, ohne document.title zu aktualisieren, sodass der Titel eine Seite beschreibt, die man schon verlassen hat.
/ So prüfen Sie es selbst
- Öffnen Sie die Seite und lesen Sie den Browser-Tab oder fahren Sie mit dem Zeiger darüber, um den vollen Text zu sehen. Vergleichen Sie ihn mit dem Thema der Seite.
- Öffnen Sie drei oder vier verschiedene Seiten der Website in Tabs und prüfen Sie, ob Sie sie allein an den Tabs unterscheiden können.
- Geben Sie in der DevTools-Konsole document.title ein, um den genauen Text zu sehen, auch bei Ansichten, die ohne vollständiges Neuladen geladen wurden.
- Starten Sie einen kostenlosen Screenreader wie NVDA und laden Sie die Seite: Der Titel wird als Erstes vorgelesen, und Einfügen+T wiederholt ihn.
/ So beheben Sie es
- Fügen Sie auf jeder Seite ein title-Element im head ein, dessen Text genau diese Seite benennt.
- Schreiben Sie den eindeutigen Teil zuerst und den Namen der Website danach, zum Beispiel Kontakt - Stadtbibliothek, damit der Unterschied sofort zu hören ist und in einen schmalen Tab passt.
- Setzen Sie in einer Single-Page-Anwendung document.title bei jedem Routenwechsel.
- Nehmen Sie bei mehrstufigen Formularen und Suchergebnissen den Schritt oder die Suchanfrage in den Titel auf, etwa Schritt 2 von 4 oder Ergebnisse für Parkausweis.
- Geben Sie PDF-Dateien in den Dokumenteigenschaften einen Titel und stellen Sie die Datei so ein, dass sie diesen Titel statt des Dateinamens anzeigt.
/ Was unser Scanner prüft
Drei Prüfungen suchen nach einem fehlenden Titel. page-no-title liest document.title auf der gerenderten Seite aus und meldet ihn, wenn er leer ist. Die HTML_CodeSniffer-Regel H25.1 meldet einen head ohne title-Element, und die axe-core-Regel document-title meldet ein Dokument ohne nicht leeren Titel. Keine von ihnen kann beurteilen, ob die Worte die Seite beschreiben oder ob alle Seiten denselben Titel tragen.
/ Wer es verletzt, nach unseren eigenen Messungen
| Stelle | Sektor | Vorkommen | Wert |
|---|---|---|---|
| Narodowy Bank Polski | government · PL | 3 | 23 |
| Łódź | city · PL | 3 | 3 |
| Sejm RP | government · PL | 2 | 9 |
| Krajowa Administracja Skarbowa | government · PL | 1 | 5 |
| Kraków | city · PL | 1 | 12 |
| Najwyższa Izba Kontroli | government · PL | 1 | 41 |
| New York Public Library | culture · US | 1 | 23 |
| Sąd Najwyższy | government · PL | 1 | 14 |
Eine Seite je Stelle, automatisch im Wochenrhythmus gemessen. Behebungen seit dem letzten Durchlauf erscheinen beim nächsten, und jede Eintragsseite bietet ein Recht auf Gegendarstellung.
/ Fragen zu diesem Kriterium
Was ist der Unterschied zwischen dem title-Element und der h1?
Das title-Element steht im head, wird im Seiteninhalt nicht angezeigt und beschriftet Tab, Lesezeichen und Suchergebnis. Die h1 ist die sichtbare Hauptüberschrift im Inhalt. 2.4.2 betrifft das title-Element. Beide sagen meist Ähnliches, aber der Titel enthält oft zusätzlich den Namen der Website, den die h1 nicht braucht.
Wie lang sollte ein Seitentitel sein?
WCAG nennt keine Grenze. Verlangt wird, dass der Titel Thema oder Zweck der Seite beschreibt. In der Praxis bewährt sich ein kurzer Titel mit den seitenspezifischen Worten am Anfang, weil ein Screenreader ihn jedes Mal von vorn liest und ein Browser-Tab alles abschneidet, was nicht hineinpasst.
Dürfen zwei Seiten denselben Titel haben?
Das Kriterium verbietet es nicht ausdrücklich, aber jeder Titel muss seine eigene Seite beschreiben, und zwei verschiedene Seiten haben selten dasselbe Thema oder denselben Zweck. Tragen alle Seiten einen einzigen Titel, etwa den Firmennamen, ist keine von ihnen beschrieben und keine besteht. Ergänzen Sie bei jeder den seitenspezifischen Teil.