2.4.1Niveau A2.4 Navigable

Contourner des blocs

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

Ce que cela signifie

Comprendre Contourner des blocs (en anglais) | Comment satisfaire à Contourner des blocs (en anglais) (Niveau A) Un mécanisme permet de contourner les blocs de contenu qui sont répétés sur plusieurs pages Web .

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>

Comment A11yRisk détecte cela

A11yRisk détecte ce critère automatiquement.

Analyser votre site pour cette violation →