Barrierefreiheit

Kein Hauptbereich ausgezeichnet

Üblicher Schweregrad: mittel · Aufwand: minimal

Woran du es erkennst

Das Dokument hat kein <main>-Element, sodass assistive Technik nicht erkennen kann, wo der eigentliche Inhalt beginnt und wo nur wiederkehrende Navigation steht.

Warum es zählt

Screenreader-Nutzer springen über solche Bereichsmarken direkt zum Inhalt. Fehlen sie, müssen sie sich auf jeder einzelnen Seite erneut durch Kopfzeile und Menü arbeiten — eine Belastung, die sich mit jedem Seitenaufruf wiederholt.

So behebst du es

  1. Fasse den eigentlichen Inhalt in ein einzelnes <main>-Element, getrennt von Kopf, Navigation und Fuß.
  2. Setze einen zunächst unsichtbaren, beim Tabben sichtbaren Sprunglink als erstes fokussierbares Element, der auf diesen Bereich zeigt.
  3. Achte darauf, dass es genau einen Hauptbereich je Seite gibt — zwei sind so verwirrend wie keiner.
  4. Zeichne auch die übrigen Bereiche einheitlich aus (Navigation, Kopf, Fuß, Beiwerk), damit die ganze Seite eine saubere Struktur hat.

Zum Nachlesen