Skip Navigation Builder

Please note that this page requires JavaScript for it to function..

Step 1: Define links and properties

Link text

Step 2: Grab the code/markup!

JavaScript & CSS

(copy/paste to <head> or external JS file)

The HTML

(copy/paste to <body>

Skip navigation links are very useful for keyboard-only users. This may be people who are completely blind and using a screen reader, but can also be used by people with poor vision or mobility problems.

In the past, people took to hiding skip navigation links, thinking this would only be of benefit to blind users. Not so! This tool lets you quickly create one or more skip links on a page, generating all the necessary markup, CSS and JavaScript (unfortunately this does require JavaScript for the effect to work, as there are still many versions of Internet Explorer in use that do not allow us to apply a focus pseudo class in CSS.

if you're note sure how this works, check out the video how-to tutorial here.