Back to Learn
Pulseaccessibility

Page Has a Skip Link or Landmark

What This Audit Checks

This audit verifies that the page provides a mechanism to skip repetitive content blocks, such as navigation menus. It passes if the page has a skip link, ARIA landmarks, or proper heading structure that allows users to jump directly to the main content.

Why It Matters

Keyboard and screen reader users must tab through every navigation link on every page load unless you give them a shortcut. Without a bypass mechanism, navigating your site becomes exhausting and slow.

How to Fix It

  • Add a skip link as the first focusable element on the page. It should link to the id of your main content area.
  • Use semantic landmarks. Wrap your content in <main>, <nav>, <header>, and <footer>. Screen readers let users jump between landmarks natively.
  • Structure headings properly. A clear heading hierarchy provides another way to navigate by section.
<!-- Skip link (visually hidden until focused) -->
<a href="#main-content" class="sr-only focus:not-sr-only">
  Skip to main content
</a>

<nav><!-- site navigation --></nav>

<main id="main-content">
  <h1>Page Title</h1>
  <!-- page content -->
</main>

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.sr-only:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
}

How Pulse Tracks This

Pulse flags this audit in your Lighthouse accessibility score. When the audit fails, Pulse shows which elements triggered it so you can fix them directly.

Resources