Go to homepage

Projects /

Skip Link

Accessibility feature that allows users to jump to the main content of the page.

View Demo

How to

The Skip Link component provides keyboard users and users with disabilities a way to skip blocks of content (e.g., navigation) and jump to the main content of the page.

⚠️Important: the Skip Link component should be at the top of the page.

The component becomes visible when in focus. To display it, press the Tab key (or swipe right if you've enabled the accessibility features of your phone).

Optionally, you can include multiple skip links (e.g., if you want to give your user the option to jump to different sections of the page).

<a href="#section-1" class="skip-link">Skip to section 1</a>
<a href="#section-2" class="skip-link">Skip to section 2</a>


Bug report & feedback

Component Github page ↗

Project duplicated

Project created

Globals imported

There was an error while trying to export your project. Please try again or contact us.