2.4.1Niveau A2.4 Navigable
Blokken omzeilen
A mechanism is available to bypass blocks of content that are repeated on multiple web pages.
Wat het betekent
Blokken omzeilen begrijpen | Hoe te voldoen aan Blokken omzeilen (Niveau A) Er is een mechanisme beschikbaar om blokken content die op meerdere webpagina's worden herhaald te omzeilen.
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>Hoe A11yRisk dit detecteert
A11yRisk detecteert dit criterium automatisch.
Scan uw site op deze overtreding →