Skip Navigation, Web Accessibility, The University of Arizona

Provide a way to skip over navigational menus or other lengthy lists of links. Providing a way to skip over long lists of links on a web pages allows users who use a speech reader to access the content more directly. It keeps them from hearing a long list of links before being able to reach the content.

Every page within this site includes a 'Skip Navigation' link in the top right-hand corner of each page. This link allows users to skip to the content on the page, instead of reading the list of links on the left.

Since the Skip Navigation is heard by people who need them instead of seen, they can be made invisible for the users who see the site.

Adding Skip Navigation:

Before a long list of links or navigational menu, add the code below. It creates a link to where the content of your site begins:


<a href="#content">Skip Navigation</a>

Immediately before your content, add the code below. This code provides the pointer to your content that is referenced in the code line above.


<a name="content"></a>

To make the Skip Navigation link invisible, create the link in the same color as the page background color. In the example below, the link color is changed to white:
```
<a href="#content" style="color: white">Skip Navigation</a> 
```