4.4 Allow users to easily bypass information

Provide ways to avoid some people having to listen to or tab through repeated menus, links, or objects.

Provide skip links to get to main content:
- Text='Skip to page contents' - this links to the main title of the page

Visible - recommended - useful for keyboard users as well as screen reader users
Can use methods:
- alt text on a 1 pixel transparent gif
- Text formatted with css to be same as background
- Text formatted with css to have no space {height:0; width:0; overflow:hidden; position:absolute}.

Group other related links and objects together and provide a way to bypass the group
Provide Accesskeys - and show the accesskeys in the accessibility statement

NB:UK Government Accesskeys standard takes into account that a number of accesskeys may cause conflict with keyboard commands already in use by some browsers or assistive technologies.

Note: Do not use CSS {style:hidden} or {display:none} - these are invisible to screen readers too.

Skip code examples (this bypasses the code below - a timely example that avoids screen reader users having to listen to all the code if they don't want to).

<a href="contents"><img src="1pix.gif" alt="skip to page contents"></a>

<a href="contents" class="hide"> Skip to page contents</a>

CSS: .hide {color: white; background-color: white;}

.hide {height:0; width:0; overflow:hidden; position: absolute;}

UK Government accesskeys standard:

S - Skip navigation
1 - Home page
2 - What's new
3 - Site map
4 - Search
5 - Frequently Asked Questions (FAQ)
6 - Help
7 - Complaints procedure
8 - Terms and conditions
9 - Feedback form
0 - Access key details

4.4 Allow users to easily bypass information

Recommendations

Examples