Textalternativen

Jede Seite braucht einen Titel

Regel: document-title
Schweregrad: Schwerwiegend
WCAG-Stufe A

Warum das wichtig ist

Der Titel ist das Erste, was ein Screenreader ansagt, und die Beschriftung jedes Browser-Tabs, Lesezeichens und Suchergebnisses. Ohne ihn wird eine Seite über ihre URL identifiziert.

So beheben Sie es

Geben Sie jeder Seite einen eindeutigen <title>, der zuerst die Seite und dann die Website nennt.
Aktualisieren Sie den Titel in einer Single-Page-App bei jedem Routenwechsel.
Stellen Sie das Wichtige nach vorn — mehr zeigt ein Tab nicht an.

Im Markup

Fehlerhaft

<head>
  <title></title>
</head>

Korrekt

<head>
  <title>Checkout — Nordwind Shop</title>
</head>

Die Anforderung dahinter

Diese Regel ist eine Art, die folgenden WCAG-2.2-Erfolgskriterien zu verfehlen. Das W3C, das den Standard herausgibt, erläutert jedes davon:

2.4.2 Seite mit Titel versehen (öffnet in neuem Tab) — WCAG-Stufe A

Weiterführende Quellen

Deque University zu document-title (öffnet in neuem Tab)

Deque entwickelt axe-core, die quelloffene Prüf-Engine unseres Scanners. Ihre Seite dokumentiert die Regel so, wie die Engine sie umsetzt.

Automatische Prüfungen finden Fehler, die ein Browser nachweisen kann. Ob eine Untertitelspur inhaltlich stimmt, ob ein Alternativtext wirklich hilft oder ob sich eine Seite durchgängig mit der Tastatur bedienen lässt, kann nur ein Mensch beurteilen.