WCAG, 508, AAA ... help! web access guidelines
I'm working on creating a site for a very large client. They requested that I validate the HTML (which of course I do anyway). They also requested that it adhere to any guidelines that make the site handicap accessible. So I look some stuff up on the web and this was my plan of attack to make my valid under all the criteria.
http://webxact.watchfire.com/
- this handles 508 guidelines and WCAG priority 1-3
http://www.contentquality.com/
- I ran it through this site as well to test 508 and WCAG priority 1-3 as well to see the difference, and I prefer the first one I listed.
http://validator.w3.org/
- I validated both my HTML & CSS
http://pachome1.pacific.net.sg/~kennethkwok/lynx/
- I tested the page in a lynx version for windows (that is a text only browser)
I have continued to test it a couple of other handicapped browser that I found for free on the web. I wanted to make sure that there wasn't something I'm missing in the area of making a site completely compliant to those with disabilities. I figured this would be a great topic to list here since I didn't see one like it previously listed.
Busy posted this at 20:56 — 28th February 2006.
He has: 6,151 posts
Joined: May 2001
Thats about the main ones.
Things like Bobby (watchfire) aren't true validators, unlike W3C, they can only guess what your code is being used for so can often get it wrong (same for 508 and the others).
If you are coding in tables, get yourself an older version of the Opera browser (think its version 6 and 7) as it has option to disable tables. Some screen readers can read tables though, but if site can be read with tables turned off all the better, and use table summaries in every table tag.
Design your pages without CSS, then add CSS and test your browser in IE4 or NS4 (I use NS4.7 - good browser), as this can also show what a screen reader/viewer can see/read
lynx is a good way to test them without the above, but you have to remember there are different levels of accessibility.
Wave is another validator and Jaws (not free) is a screen reader
r3a1 posted this at 16:57 — 1st March 2006.
He has: 28 posts
Joined: Aug 2005
I have another quick question on this subject. What is the importance of WCAG priority 1, 2, and 3? I have made sure that I adhere to priority 1, however some of the techniques that priority 2 and 3 ask for I can't do because I work for a design firm and there are compromises I just can't make. For example, removing a static width or putting something other than whitespace between links. Should I force the designers to make these compromises? or can these problem be somewhat ignored since they are not a 1 priority?
Thanks for the help Busy. I checked out "Wave" and that found a couple more errors. I think for the use of people in the future I'm going to list a few of those weird tags and techniques that might help out people in the future.
- a summary of any tables used (noted previously by Busy)
- use strong instead of bold
- alt tags on all id's and buttons
- labels used on input fields
- CSS - use "em" instead of "px" when determining the "font-size"
- CSS - use relative widths and heights instead of static dimensions for layouts
- CSS - if you specify a color then you must specify a background
of course this list goes on forever, these are some of the things that I found myself fixing over and over that I didn't think about so with any luck it might help to save some you out there some time.
-Ryan
JeevesBond posted this at 19:28 — 1st March 2006.
He has: 3,956 posts
Joined: Jun 2002
Here's how the W3C define the differences between the checkpoints (am assuming you missed this amongst the myriad other information on there!)
The original document is at: http://www.w3.org/TR/WAI-WEBCONTENT/full-checklist.html
It's also very important to read and understand the checkpoints, some just cannot be checked by an automated validator and need a human to check them.
a Padded Cell our articles site!
Busy posted this at 20:48 — 1st March 2006.
He has: 6,151 posts
Joined: May 2001
You really need to pick just one and go for it if not a basic site as several of these (508, wai, aaa ...) have conflicts against one another. What will be good and validate in one will fail in another, some of the work arounds are sensible and usable, others are just impossible.
The only way you can make your site 100% accessible is to cater your site for hearing or vision impaired and design/code it using a screen reader (one type only as they also differ) to help build it.
example: not having an alt tag is bad, having an empty alt tag is good (alt="" as screen reader will skip it, if not alt tag reader will read the tag) using a badly written alt tag is worse than not having an alt tag (picture of flower causing hayfever - alt="awww but isn't it pretty"). Using a title with an alt can have it's ups and downs as well. This is also for links, 'click here for more' is bad, but can be made good with a descriptive title title="internal link going to next page
I'm all for accessibilty but the companies who make screen readers etc wont give out free versions of their products so testing is really hit and miss. Lots of people try to work within these guidelines but fail as they can't test it.
Working to XHTML Strict guidelines (with and without CSS) can be just as good as using bobby watchfire.
robfenn posted this at 10:54 — 3rd March 2006.
He has: 471 posts
Joined: Jun 2005
It's basically impossible to get AAA compliance, although many a website has the logo on of course! You're talking about having sound clips and everything.
I am a member of accessify.com, an accessibility forum. It might help to start there.
JAWS is the ultimate test really. I have seen many a compliant website which has major usability issues in different browsers. At the end of the day there are accessibility laws and accessibility guidelines. If you had an HTML and CSS valid website then it would pass any law. Ideally if you had a CSS website you could have an alternative stylesheet that strips all of the fancy content, like on the BBC website.
Cheers,
-Rob
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.