Is the first focusable element a skip link that jumps straight to main content?
A skip link lets keyboard users and AI agents bypass navigation menus and reach content in one step.
What this signal tests
We check whether the first focusable element on your page is an anchor link that targets your main content area. The convention is a link with href="#main" placed at the very top of the body, that becomes visible when focused and lets the user press Enter to jump directly to <main>. This is a WCAG 2.2 Level A requirement (Success Criterion 2.4.1, Bypass Blocks).
Why it matters for your visibility in AI
AI agents driving browsers via keyboard navigation press Tab repeatedly to find interactive elements. Without a skip link, an agent looking for your main content has to Tab through every menu item, dropdown, social icon, and search field first - sometimes 30 or 40 elements before reaching content. Each Tab is a separate tool call with latency, and the agent may give up or run out of action budget before reaching the content the user asked about. A skip link cuts this to a single Tab and Enter. The same fix benefits keyboard-only users, screen-reader users, and switch-control users - disability tooling that overlaps significantly with how AI agents traverse pages. It is one of the cheapest accessibility fixes and pays for itself many times over.
Pass criteria at a glance
| Criterion | Passes when |
|---|---|
| First focusable element is same-page anchor to main content. |
How we test it
We render your page, find the first element that can receive keyboard focus (typically by Tab order or tabindex), and check whether it is a same-page anchor link (href starting with #). We then verify the target id exists in the DOM and points to or contains your main content area (a <main> element or an element with role=main). All three conditions must hold for a pass.
Show technical detection method
Find first focusable element; check it is same-page anchor targeting id containing <main>.
If your site fails: how to fix it
- Add a skip link as the very first element inside your <body>: <a href="#main" class="skip-link">Skip to main content</a>. Place it before the header, navigation, or any other interactive element.
- Ensure your main content has a matching id: <main id="main"> ... </main>. The link target and the element id must match exactly.
- Style the skip link to be visually hidden by default but visible when focused: .skip-link { position: absolute; left: -9999px; } .skip-link:focus { left: 0; top: 0; padding: 1em; background: white; }. This keeps the page visually clean while remaining accessible.
- Test by loading the page and pressing Tab once - the skip link should appear and pressing Enter should scroll/focus to the main element.
- Re-run the AI Ready Test to confirm the first focusable element is detected as a same-page anchor to main content.
Quick facts
| Maturity | ESTABLISHED |
|---|---|
| Weight | low |
| Category | Performance |
Primary sources
Related signals
Frequently asked questions
Does this affect my Google ranking?
Not directly, but it is a WCAG 2.2 Level A requirement, and accessibility issues are increasingly flagged in Google's Search Console and Lighthouse reports. Better keyboard navigation also improves user engagement metrics that indirectly feed ranking.
Can I have multiple skip links?
Yes. Some sites add multiple skip links (Skip to main, Skip to navigation, Skip to footer) at the top of the page. The AI Ready Test passes as long as the first focusable element is a skip-to-main link; additional links are fine.
Will the link be visible to my users?
Only when focused via keyboard. Style it with position:absolute and a focus state that brings it on-screen. Mouse and touch users never see it; keyboard users see it the moment they press Tab from the address bar.
What if my site has no header navigation?
If there is nothing to skip past, the skip link is less valuable but still recommended for consistency and to pass automated accessibility checks. A site without a header still benefits from giving AI agents a one-Tab jump to content.
Run your own scan
Run a free scan and see how your site grades across all 155 AI-readiness signals.