Skip to target 1 Skip to target 2 Skip to target 3 Skip to target 4 Skip to target 5

Skip Navigation Test

This page is a playground for testing various methods of skipping to main content. There are ten skip navigation links at the top of the page. Five are visible (with link text "Skip to target X") and five are positioned off screen (with link text "Jump to target X"). This page uses HTML5, but there's also an XHTML 1.0 strict version. For an explanation, see my blog.

Here's a bunch of filler content so you have to scroll (or use one of the skip links) to get down to the various targets. Here's a bunch of filler content so you have to scroll (or use one of the skip links) to get down to the various targets. Here's a bunch of filler content so you have to scroll (or use one of the skip links) to get down to the various targets. Here's a bunch of filler content so you have to scroll (or use one of the skip links) to get down to the various targets. Here's a bunch of filler content so you have to scroll (or use one of the skip links) to get down to the various targets. Here's a bunch of filler content so you have to scroll (or use one of the skip links) to get down to the various targets. Here's a bunch of filler content so you have to scroll (or use one of the skip links) to get down to the various targets. Here's a bunch of filler content so you have to scroll (or use one of the skip links) to get down to the various targets. Here's a bunch of filler content so you have to scroll (or use one of the skip links) to get down to the various targets. Here's a bunch of filler content so you have to scroll (or use one of the skip links) to get down to the various targets. Here's a bunch of filler content so you have to scroll (or use one of the skip links) to get down to the various targets. Here's a bunch of filler content so you have to scroll (or use one of the skip links) to get down to the various targets. Here's a bunch of filler content so you have to scroll (or use one of the skip links) to get down to the various targets. Here's a bunch of filler content so you have to scroll (or use one of the skip links) to get down to the various targets. Here's a bunch of filler content so you have to scroll (or use one of the skip links) to get down to the various targets. Here's a bunch of filler content so you have to scroll (or use one of the skip links) to get down to the various targets. Here's a bunch of filler content so you have to scroll (or use one of the skip links) to get down to the various targets. Here's a bunch of filler content so you have to scroll (or use one of the skip links) to get down to the various targets. Here's a bunch of filler content so you have to scroll (or use one of the skip links) to get down to the various targets. Here's a bunch of filler content so you have to scroll (or use one of the skip links) to get down to the various targets. Here's a bunch of filler content so you have to scroll (or use one of the skip links) to get down to the various targets. Here's a bunch of filler content so you have to scroll (or use one of the skip links) to get down to the various targets.

Target 1

This target uses a named anchor. For more information about this test, see Link 1.

Target 2

This target is the same as Target 1, but includes tabindex="0" on the anchor tag. For more information about this test, see Link 2.

Target 3

This target has an id attribute on the heading. For more information about this test, see Link 3.

Target 4

This target, like Target 3, has an id attribute on the heading, but also has tabindex="0". For more information about this test, see Link 4.

Target 5

This target has an id attribute and tabindex="0" on a div that contains both the heading and this paragraph. For more information about this test, see Link 5.