Barrierefreiheit

Kein Skip-Link zum Hauptinhalt

Üblicher Schweregrad: mittel · Aufwand: minimal

Woran du es erkennst

Die Seite hat keinen „Zum Inhalt springen"-Link am Anfang des Dokuments — Tastatur- und Screenreader-Nutzer müssen bei jeder Seite erst durch die komplette Navigation tabben.

Warum es zählt

Ohne Skip-Link wiederholt sich der mühsamste Teil der Bedienung auf jeder einzelnen Seite: Dutzende Tab-Schritte durch Menü und Header, bevor der eigentliche Inhalt erreichbar ist. Für Menschen, die nur per Tastatur navigieren, ist das tägliche Reibung — und ein Verstoß gegen WCAG 2.4.1.

So behebst du es

  1. Füge als erstes fokussierbares Element im <body> einen Link ein: <a href="#main" class="skip-link">Zum Inhalt springen</a>.
  2. Versehe das Ziel (z. B. <main id="main">) mit der passenden ID und tabindex="-1", damit der Fokus beim Anspringen zuverlässig landet.
  3. Style den Link so, dass er nur bei Fokus sichtbar wird (position: absolute außerhalb des Viewports, bei :focus sichtbar) — er darf nicht dauerhaft display: none sein.
  4. Teste mit der Tastatur: Beim ersten Tab-Druck muss der Skip-Link erscheinen und per Enter direkt zum Inhalt führen.

Zum Nachlesen