ibin
Meist schwerLesezeit: 2 Min.

Jeder Seite einen aussagekräftigen Titel geben

Schreiben Sie für jede Seite einen eigenen Titel für den Browser-Tab, der die aktuelle Seite vor dem Namen der Website nennt.

Warum das wichtig ist

Vage oder doppelte Titel machen es schwer, Browser-Tabs und die Seitenlisten eines Screenreaders auseinanderzuhalten.

So beheben Sie es

  1. Beschreiben Sie die aktuelle Seite in einem title-Element.

  2. Stellen Sie den Namen der Seite vor den Namen der Organisation oder Website.

  3. Aktualisieren Sie den Titel bei jedem Seitenwechsel in einer Single-Page-Anwendung.

Beispiel

Vorher
<title>Website</title>
Nachher
<title>Kontakt zu unserem Team · Acme</title>

So prüfen Sie Ihre Korrektur

Prüfen Sie Ihre Seite noch einmal mit ibin. Das Problem verschwindet aus Ihrem Bericht, sobald alle Stellen behoben sind. Probieren Sie es danach selbst so aus, wie Ihre Besucher es tun würden.

  • Prüfen Sie die Seite erneut und vergewissern Sie sich, dass das Problem nicht mehr im Bericht steht.
  • Probieren Sie den korrigierten Teil selbst aus: mit der Maus, nur mit der Tastatur und vergrößert.
  • Bitten Sie wenn möglich eine Person, die einen Screenreader nutzt, es ebenfalls auszuprobieren.
Für Entwickler

Standards: WCAG 2.4.2 (A)

document-title · Hintergrundinformationen (auf Englisch)

Auch verfügbar auf English, Nederlands, Français