Slashdot Mirror
Cynthia Says... Create Accessible Web Sites
Kynn writes "The folks at ICDRI, in partnership with the Internet society and HiSoftware, bring us Cynthia Says, a free service to help you evaluate your Web pages for accessibility. In other words, it's roughly equivalent to what Bobby used to be, before it went commercial. It features what seems to be a cartoon version of my friend Cynthia Waddell, which is a bit creepy, but in all honesty it's a much better symbol than the old cartoon cop used with Bobby. I always thought there was an implied menace, as if the smiling chap would happily bludgeon you with his truncheon if you created an inaccessible Web site." If only.
In case you have a problem with using something (at least partially) from HiSoftware (I know some Assistive Tech. Specialists who do), you might be interested in using the WAVE.
Here's a Google of some resources and info, as well.
Ultimately, the biggest problem I have, is that too many web designers utterly rely on these validators. The problem is, they can only check for a few different parts of the standard. For instance, an automated validator may only be able to verify compliance with maybe half of the W3C WAI (Web Accessibility Intiative)'s 65 checkpoints (that's in all 3 priorities). The other things have to be done manually, which is not really that bad if you understand what needs to be done and how to do it.
It's simply a matter of rearanging your design style slightly to accomodate some minor design principles. Unfortunately, most web designers think that a validation or repair tool will solve all of their problems. It won't.
I'd take advice like that with a pinch of salt, as the person dispensing it clearly demonstrates no understanding of the basic structure of an HTML document.
There is no such thing as an "alt tag". There is an alt attribute, which is a completely different thing.
That's a dangerous assumption. Take guiltless image use as an example. Works fine in lynx, but fails miserably when you use a browser that renders CSS but does not display background images.
Website accessibility is a complex topic, and there's no way you can automatically test something like this. The best you can do is provide hints on what to look for.
I'm not particularly inclined to trust Cynthia, as the report document produced uses font sizes set at 12px and 10px verdana (!), and gives horizontal scrolling at 1024x768.
One tool I have found to be of high quality is Accessibility Valet.
For instance, I have a textual "home" link on every page that takes you to the site's home page. It also happens that I have made the graphical banner on my pages into a clickable link that will also take you to my home page. A blind person doesn't need to worry that there are two methods for getting to the home page -- there's one method that can be read aloud with speech-to-text software.
On the other hand, there may be other things on my site that really are accessibility issues. The problem is, I can't tell from Cynthia's output what they are.
It seems to me that the real need is for actual humans with disabilities to test web sites. Yes, I know that's expecting them to do something that they really shouldn't have to do, but I just don't think there's any alternative.
I've been contacted once by a blind person who was having trouble using my site. The problem, however, was with my PDF files, not with my HTML. Bobby and Cynthia don't check PDF. And in fact, it wasn't something that I was able to solve, due to the realities of the way I created the PDFs.
Find free books.
The correct way of embedding a Flash presentation into an HTML document is to use the <object> element. Alternative representations of the embedded object should be encoded as the contents of the <object> element. This is actually far more flexible than using an alt attribute.
Unfortunately, browser bugs interfere with this quite a bit. Additionally, most flash authors are not willing/capable of producing an alternative representation of their Flash objects, so even though the capability is there, it won't make much difference in practice.
You need to return false:
<a href="alternative.html" onclick="dostuff(); return false;">...</a>For instance, argos.co.uk will refuse to handle gecko-based browsers. Idiocy.