Provide a way to bypass repeated blocks

WCAG 2.4.1
Bypass Blocks

Accessibility isn’t only about avoiding violations — it’s about ensuring your product can be used confidently by everyone. This guide explains the principle of this rule, shows what goes wrong in real-world code, and provides a verified fix that meets WCAG and the European Accessibility Act (EAA).

Why this matters and how to fix it

Why this matters

Bypassing repeated navigation lets keyboard users reach main content quickly.

How to fix this issue

Add a visible 'Skip to main content' link and landmark regions so users can jump to main content.

Automated detection · Manual review recommended

Developer guidance

Provide a SkipLink component placed first in the DOM and visible on focus.

Code examples

Incorrect Implementation

<!-- Missing skip link --><header>…</header><nav>…</nav><main id="main">…</main>

Correct Implementation

<a class="skip-link" href="#main">Skip to main content</a><header>…</header><nav>…</nav><main id="main">…</main>
eu icon getwcag

Trusted by organizations across Europe working toward WCAG and EAA conformance