P3 · LowAccessibility

Missing skip link

No skip to content link

Code: missing_skip_link

Why it matters

No skip to content link. Assistive technologies and users with disabilities depend on this. Failing this check creates barriers that prevent people from using the site.

How to fix

Add a skip navigation link

html

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

<!-- Your navigation here -->
<nav>...</nav>

<!-- Target for the skip link -->
<main id="main-content">...</main>

<style>
.skip-link {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.skip-link:focus {
  position: fixed;
  top: 10px;
  left: 10px;
  width: auto;
  height: auto;
  padding: 0.75rem 1.5rem;
  background: #000;
  color: #fff;
  z-index: 9999;
  text-decoration: none;
  border-radius: 4px;
}
</style>

Related checks in Accessibility

Missing lang attribute

HTML element missing lang attribute

Insufficient color contrast

Text does not meet WCAG contrast ratio

Images missing alt text

Images without alternative text

Empty alt attribute

Alt text is empty string when it should describe image

Form inputs missing labels

Form controls without associated labels

Run a free scan to check your site

Get a complete audit in under 2 minutes. No account required.

Start Free Scan