Quote:
|
Originally Posted by Webnauts
I wanted to ask where would you place your "Skip Navigation" or "Skip to content" link. Before the logo of the page or after?
|
We put our link first, and the first thing at the #content anchor is the site's title in an H1 tag and the page's title in an H2.
I can see putting the Skip to Content link after the logo if that provides the user with context that isn't available further down. So I believe either of these designs would work:
Code:
(Logo) <h1>(Site Title)</h1>
<h2>(Page Title)</h2>
Skip to main content.
(Navigation bar)
<a name="content"></a>
Lorem ipsum...</p>
Or
Code:
Skip to main content.
(Logo)
(Navigation bar)
<a name="content"></a>
<h1>(Site Title)</h1>
<h2>(Page Title)</h2>
Lorem ipsum...</p>
The big issue to skip the many navigation links, particularly after visiting a number of pages on the site. Whether it skips the one logo and site title is a minor matter.
Consider this webproworld.com page. It has at least 65 links before the user gets to a message in the forum. Imagine, each time you click on a topic, forum, or category, hearing, "Chat, Link to use, Log In/out, Edit Profile, Private Messages,...." through 65 items.
By the way, I've learned to use "Skip to main content" as the link text, since JAWS mis-reads "Skip to content" by putting the accent on the second syllable , con-TENT. The link can take you to the right place in the document, but it can't make you more contented. :-)