Navigation - Skip link

Use a skip link to help keyboard-only users skip to the main content on a page.

Open this skip link example in new window

When to use a skip link

All nhs.uk pages must include a skip link in the header following guidance in the GOV.UK Design System.

How skip links work

Some people use the tab key on their keyboard to navigate through the links and form elements on a web page. Including a skip link gives users the option to bypass the top-level navigation links and jump to the main content on the page.

The skip link component is visually hidden until a keyboard press activates it.

Research

If you’ve used skip links, please share your user research findings.

Have you tested this component?

If so, please share your research findings and let us know how it has worked for you. This will help us improve it for everyone.

Before you start, you will need a GitHub account. It's an open forum where we collect feedback.

If you have any questions, you can message us on Slack. You will need a Slack account if you do not have one. Or you can contact us by email.

Updated: February 2019