Click to See Complete Forum and Search --> : AccVerify and Skip Links


MdWebtress
08-29-2006, 10:37 AM
I'm using AccVerify (HiSoftware AccRepair DS2 2005) to check a webpage of mine, and it's saying the page doesn't have skip links, when in fact, it does.

508 Standards, Section 1194.22, (o)*A method shall be provided that permits users to skip repetitive navigation links.
Rule: (o).1 - All pages are required to contain a bookmark link to skip navigation that has the specified text in either the link text or the 'title' attribute value.
Skip Navigation Text:
Failure - The Skip Navigation Text to search for has not been specified.
Failure - The Skip Navigation Text to search for has not been specified.

Now, my actual question. I made a very simple webpage to test this, and the 508o section failed again! Here's the code:

<HTML>
<HEAD><TITLE>Test Page</TITLE></HEAD>
<BODY>
<a href="#test">Skip Navigation Links</a> | <a href="http://www.hisoftware.com/">Home</a>
| <a href="http://www.hisoftware.com/press/">News</a> | <a href="http://www.hisoftware.com/support/">Support</a></p>
<br>

<p><a name="test">
This is the pages main content... Section 508 (o) states that
there needs to be a method to skip the navigation links above
and allow the user to get directly to this content!</p>
</BODY></HTML>

This was from a website about Section 508 compliant skip links. That didn't work. I even tried "Skip_To_Content", "Content", "MainContent" as the skip link, and it still didn't budge. How do I fix this? I'm not sure what's going on...

cpalemme
09-03-2006, 06:29 PM
I might be a pain in the ass, but first of all let's validate your page!


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Test page</title>
</head>
<body>
<p><a href="#test" style="display:none;" title="Skip Navigation Links">Skip Navigation Links</a> <a href="http://www.hisoftware.com/" title="go to the first page">Home</a>| <a href="http://www.hisoftware.com/press/" title="news">News</a> | <a href="http://www.hisoftware.com/support/" title="support">Support</a></p>
<br />
<p id="test">
This is the pages main content... Section 508 (o) states that
there needs to be a method to skip the navigation links above
and allow the user to get directly to this content!</p>
</body>
</html>




Now we have done that, it should work fine; not that if you are using an href attribute with # to refer to another page section you link to an unique id; another note to be made is that if you want your page to be accessible do not forget to give links titles and please o please use lowcaps, officially the W3C prefers that. Last but not least, do not forget to include a doctype as it is most important to correctly identify your page.

I can go on about this topic but this seems enough for now, try the 508 again and see if it works :)