Understanding Accessibility

Guideline 13. Provide clear navigation mechanisms.

There are 10 specific checkpoints in Guideline 13.

Checkpoint 13.6 - Group related links, identify the group (for user agents), and, until user agents do so, provide a way to bypass the group

A method of bypassing grouped links should be provided.

How do I do it?

Skiplinks are created by linking to anchor <A> tags throughout the page or by specifying a tabindex of 1.

<a class="skiplink" href="#startcontent" accesskey="2" tabindex="1" title="click the link to skip over the standard navigation links and go straight to the main page content">skip over navigation</a>

A class style called skiplink can also be created which renders the link invisible to visual users. Simply display at 0 pixels width and height as below.

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

How do I check that it meets the WCAG criteria?

Pages with navigation bars will be checked for the presence of a skiplink or tabindex using Dreamweaver's Edit Find command with 'tabindex' search strings. Pages which have no skiplinks will fail the check.

guideline 1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10 - 11 - 12 - 13 - 14