2.4.1Stufe A2.4 Navigable

Blöcke umgehen

A mechanism is available to bypass blocks of content that are repeated on multiple web pages.

Was es bedeutet

Blöcke umgehen verstehen (englisch) | Blöcke umgehen erfüllen (englisch) (Stufe A) Es gibt einen Mechanismus , um Inhaltsblöcke zu umgehen, die auf verschiedenen Webseiten wiederholt werden.

Failing example

<!-- Fails: no skip link, navigation repeated on every page -->
<nav> <!-- 40 links here --> </nav>
<main>Content here</main>

How to fix it

<!-- Pass: skip link visible on focus at top of page -->
<a href="#main-content" class="skip-link">
  Skip to main content
</a>
<nav> <!-- navigation links --> </nav>
<main id="main-content">Content here</main>

<style>
.skip-link {
  position: absolute; left: -9999px;
  &:focus { left: 1rem; top: 1rem; z-index: 999; }
}
</style>

So erkennt A11yRisk dieses Kriterium

A11yRisk erkennt dieses Kriterium automatisch.

Website auf diesen Verstoß prüfen →