axe-core rule: bypass

There is no way to skip repeated navigation

What it is

The page offers no mechanism (skip link, landmark, or headings) to bypass blocks of content repeated on every page, such as the header and navigation menu.

Who it blocks

Keyboard users must tab through every navigation link on every page before reaching content. On a large menu that can be dozens of keystrokes per page.

How to fix it

Add a "skip to main content" link as the first focusable element on the page, pointing at the main element. It can be visually hidden until focused.

Example fix

<!-- First element inside <body> -->
<a href="#main" class="skip-link">Skip to main content</a>
...
<main id="main">...</main>

/* CSS: hidden until keyboard focus */
.skip-link {
  position: absolute;
  left: -9999px;
}
.skip-link:focus {
  left: 8px;
  top: 8px;
  z-index: 1000;
}

This is one of the barrier types BarrierScan checks for on every scan. Request a free accessibility scan to see whether it appears on your site, alongside the rest of the automated findings.