Add A 'Skip Links' Function To Large Navigation Menus

Use a “Skip Navigation” link.

This allows users to skip the navigation array and get immediately to the page content.

You won’t want this on your visually rich page, so some simple CSS will sort this out. You can hide it from the visual browsers, but it will display perfectly in text and some speech browsers.

Tip (A) : Add a skip navigation link that brings the reader straight down to the main content of the page, just like the ‘skip links’ link present on Accessibility101.

Tip (B) : Assign the accesskey (S) attribute to the link to make it even easier to use if you use access keys.

If you enjoyed this post, please share :)

Written by Shaun Anderson