Tastatur

Einen Weg an der Navigation vorbei anbieten

Regel: bypass
Schweregrad: Schwerwiegend
WCAG-Stufe A

Warum das wichtig ist

Wer Tastatur oder Screenreader nutzt, trifft auf jeder Seite auf dieselben vierzig Links im Kopfbereich. Ohne Abkürzung kostet der Weg zum Inhalt jedes Mal vierzig Tastenanschläge.

So beheben Sie es

Setzen Sie einen Link „Zum Inhalt springen“ als erstes fokussierbares Element, der auf den Hauptbereich zeigt.
Fassen Sie den Seiteninhalt in <main id="main"> und nutzen Sie <nav>, <header> und <footer> darum herum.
Machen Sie den Sprunglink bei Fokus sichtbar — einen unsichtbaren Link benutzt niemand.

Im Markup

Fehlerhaft

<body>
  <nav>... 40 links ...</nav>
  <div>Article</div>
</body>

Korrekt

<body>
  <a href="#main" class="skip-link">Skip to content</a>
  <nav>... 40 links ...</nav>
  <main id="main">Article</main>
</body>

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.1 Blöcke umgehen (öffnet in neuem Tab) — WCAG-Stufe A

Weiterführende Quellen

Deque University zu bypass (ö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.