Skip to main content Curbcut by Baseline
Menu
All components

Skip link

The first focusable element on every page — jump straight to content.

Skip to main content
Show the markup 
<a class="cc-skip-link" href="#main-example" style="position:static">Skip to main content</a>

Accessibility

  • Visually hidden until focused; always the first element inside <body> (2.4.1).
  • The target (id="main") should be the <main> landmark.
  • The example above is forced visible for demonstration.
  • It keeps its own ink on hover: a global a:hover repaint would put brand-deep text on the brand-deep background.