Opens in a new tab

Add a skip link for keyboard users

A focused Skip to content link above a site header. An arrow curves around the header to the Main content heading, labeled skip ahead.

People who use a keyboard move through a page by pressing Tab, one link at a time. Without a shortcut, they have to press Tab past every link in the header, on every page, before they reach the main content.

A “Skip to content” link solves this. It’s the first link on the page, hidden until someone presses Tab, and it jumps straight to the main content when selected. It only takes one link and a few lines of CSS to add, and it can save keyboard users dozens of key presses on every page.

Get Free Design Lessons Every Monday Morning

Get Free Design Lessons Every Monday Morning

Three short lessons each Monday on a single design topic. They're written in plain language and give you ideas to use on your next site.

You're in!

Check your inbox for your first email.
Close