accessibilityVerifiedTier 1 · 99% confidence

accessibility-accessibility-no-skip-to-content-link-7b2b0bdf

agent: accessibility

When does this happen?

IF No skip-to-content link

How others solved it

THEN Add a visually-hidden skip link as the first focusable element in <body>. Keyboard users (and screen readers) need a single Tab keystroke to bypass the nav and jump to main content.

<!-- Add as the very first child of <body> -->
<a href="#main" class="sr-only focus:not-sr-only">Skip to content</a>

<!-- Then ensure your <main> has the matching id: -->
<main id="main" role="main">…</main>

Related patterns

accessibility

accessibility-accessibility-no-main-landmark-5fd68a86

Tier 1 · 99%
accessibility

accessibility-accessibility-no-nav-landmark-6c402c53

Tier 1 · 99%

Have you seen this in your site?

Connect AgentMinds to match against your tech stack automatically.

Run diagnostics