2.4.1Poziom A2.4 Navigable

Możliwość pominięcia bloków

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

Co to oznacza

Zrozumieć KS Możliwość pominięcia bloków | Jak spełnić KS Możliwość pominięcia bloków (Poziom A) Istnieje mechanizm , który umożliwia pominięcie bloków treści powtarzanych na wielu stronach internetowych .

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>

Jak A11yRisk to wykrywa

A11yRisk wykrywa to kryterium automatycznie.

Skanuj swoją witrynę pod kątem tego naruszenia →