Skip links are a requirement of Section 508. And can be accomplished in several different ways. In this method, we will use the CSS focusable property to create a link that surfaces when the user tabs into the control.
A skip link should be the first thing located at the top of the page, as the first tab stop. And it should forward focus to a location directly above the main content of the page.
Example 1:
This is a heading
This is a line of text
Content begins here.
Code
Skip to Main Content This is a heading
This is a line of text
Content begins here.
Works With
Browser | Screen Reader | Results |
---|---|---|
IE 9 | JAWS 12 | Yes |
FF 4 | JAWS 12 | Yes |
Standards:
- WCAG 2.0 SC 2.4.1 Bypass Blocks: A mechanism is available to bypass blocks of content that are repeated on multiple Web pages. (Level A)