Accessibility fix guide WCAG 2.4.1 Bypass Blocks

How to fix: Provide a way to skip to the content

Keyboard and screen-reader users need a skip link, landmarks or headings to bypass the repeated header and reach the main content quickly.

The fix

Provide a "skip to content" link or proper landmarks so keyboard users can bypass repeated blocks.

Fails

<body><nav>…</nav><div>content</div></body>

Passes

<body><a href="#main" class="skip-link">Skip to content</a><nav>…</nav><main id="main">…</main></body>

Does your site have this issue?

Scan any page free against WCAG 2.2 AA and get every issue with its fix.