Accy

Sprunglink zum Inhalt fehlt

WCAG 2.4.1 (A) · EN 301 549 9.2.4.1

Die Seite hat eine umfangreiche Navigation, aber keinen Link, um sie zu überspringen.

Warum das zählt

Ohne ihn muss man sich auf jeder besuchten Seite erneut durch dieselben zwanzig Menülinks tabben.

So wird es behoben

Machen Sie den ersten Eintrag im <body> zu einem Link auf die id des Hauptinhalts. Er darf verborgen bleiben, bis er den Fokus erhält.

So ist es
<body>
  <header>…</header>
So sollte es sein
<body>
  <a class="skip-link" href="#inhalt">Zum Hauptinhalt springen</a>
  <header>…</header>
  <main id="inhalt">…</main>

Verwandte Themen

Hat Ihr Shop diesen Mangel?

Prüfen Sie es kostenlos, zusammen mit den anderen 54 Kriterien. Ohne Anmeldung.

Ohne Anmeldung. Wir prüfen eine öffentlich abrufbare Seite und speichern nichts über Sie.