AAA Issues

[TheWebDoctor(tm)]

I decided I would make my business sites 'accessible', but when I test them for AAA in Bobby, I keep getting told that there are colour issues with the site. I can see maybe the links being a colour issue, but, with accesskeys doesnt that balance that out somewhat?

Let's take one issue at a time.

Accesskeys: Accesskeys become known to individuals using screen readers or other assistive technology. Accesskeys do not become known to individuals with color-blindness. The colors you use do not provide the level of high contrast required for individuals that can see only shades of grey. For individuals that have red, green or blue you may find some challenges there as well. For high contrast against black you need extremely light colors such as white, ivory, ligher shades of grey, or other similar colors.

Now, let's discuss Bobby for a moment. Bobby does not provide any assurances that a web site is accessible. AskCindy and the other programs are limited as well. WCAG will always require accessibility reviewers to make determinations on their own.

To achieve AAA accessibility you will need to separate your links with more than just white-space. White-space is considered any non-character or image not used as a link. When I achieve this level I often use pipes '|'. You can enclose your links in square brackets []. The choice is yours.

Identifying information by color is simple. Here's an example: Should you make your site accessible? Yes or No. The correct answer is in red.

If you can see red, then you can easily choose the correct answer. If you can't see red or green, then you cannot discern the correct answer and are therefore left with a guess.

Now, your images at the bottom leave the color-blind individual with the inability to read those images.

I hope this helps everyone.

[redcircle]

Matauri, I took a look at your website. the text You Are Only Limited By Your Imagination is hard for me to read also all the headers on the rest of the pages that have that foreground and background. Btw, I'm color blind, not that bad but I did need crayons with the color names on them when I was a kid.. Brown/Green looks the same most the time. also blues and purples. My eyes are all messed up.

The site that I posted earlier. vischeck.com the examples of where the letters are supposed to pop out.. nah.. don't see those.

[matauri]

Funny you should mention those Red, I was jsut thinking about those headers last nite. I think yes I will change them.

So in anyones opinions...how far off am I having it reach AAA standards? (not taking Bobbys word for it)

After the SOCOG affair I want to be able to advertize accessible sites. So thats why I am being kinda fussy with wanting to get that rating.



Cindy

[mikmik]

http://bobby.watchfire.com/bobby/bob...l=sec508&test=

# If you use color to convey information, make sure the information is also represented another way. (9 instances)
Lines 23, 34, 64, 66, 68, 87, 90
# Make sure users can skip repetitive navigation links.
# If an image conveys important information beyond what is in its alternative text, provide an extended description. (9 instances)
Lines 23, 34, 64, 66, 68, 87, 90

[mikmik]

Okay, so I plug in your URI at this site:
http://www.usablenet.com/

And it is e-mailing me a 5 page report!

Yar :o)

The results will be here:
http://liftonline.usablenet.com/lofn...3N6/index.html

It has been analysing for several minutes now. I'm getting scared, in fact lol

Ok, gotta go, buy

http://www.w3.org/TR/WAI-WEBCONTENT/wai-pageauth.html

http://vischeck.homeip.net/uploads/10751309064657/

[Webnauts]

All in one validators: http://www.webnauts.net/check.html

I highly suggest for accessibility evaluation to use Cynthia Says: http://www.cynthiasays.com/

[matauri]

Thanks Webnauts for Cynthias checker. Seems like I am not as far off the mark as I thought I was, just a couple of small things to fix.

One thing though. It discusses the offsite link to the WW3 validation. I noticed this in other checkers too. Surely W3C would provide links to being validated that actually did validate themselves...wouldn't you think?


Cindy

[Webnauts]

Thanks Webnauts for Cynthias checker. Seems like I am not as far off the mark as I thought I was, just a couple of small things to fix.

One thing though. It discusses the offsite link to the WW3 validation. I noticed this in other checkers too. Surely W3C would provide links to being validated that actually did validate themselves...wouldn't you think?

Cindy

I visited your homepage, and I found two issues which you might would like to know about:

Line 23: The "align" attribute may not be used with the "div" element in an XHTML 1.1 document. Instead of align="center", consider using the CSS "text-align: center" instead.

Line 52: The "style" attribute has been used but a default style sheet language has not been defined (note that HTML Validator would not see this declaration if it is sent as an HTTP header by a web server). HTML 4.01 and XHTML require this for valid documents. For example, include this in the "head" section of your document to specify "text/css" as the default style sheet language: <meta http-equiv="Content-Style-Type" content="text/css" />. See http://www.w3.org/TR/html4/present/s...#default-style If you are using HTML Validator's integrated editor, then you can add this from the Tags menu and/or from the Tag Inserter.

What do you think?

[Webnauts]

And some tools for testing colors, contrast, etc:
http://www.pixy.cz/apps/barvy/index-en.html

[mikmik]

Good work, webnauts, that is the best all-in-one validation page I have come across yet!!
And I have been focusing on this lately.
I would like to give a special link to you from my site, which is about 30% done, but I just can't seem to get to...
I will PM you.

Matauri, Webnauts, here is a page that looks to have some good links to accessability resources, and they have a little 'toolbox' of bookmarklets that you can use to check your pages with for specifics, like how it looks greyscale, without the stylesheet, and shows the images that don't have proper 'alts'. The resource page : http://www.508compliant.com/resources.htm

The "ToolKit" :

http://www.508compliant.com/tools.htm I have a few others that are good, and they are so handy - they go in your favourites, or make a link right on your browser toolbar. You can then check pages with them with just one click.

I know that you are very busy and can't keep checking all my millions of links that I 'throw' at you Mat!

I just want to put them up for others as well.
I'm glad you found out that your page is really quite well done. I wish I could speak better, that's sort of what I was trying to say, and the report I did (one of them) said that you had NO WARNINGS or ERRORS ! Congrats.