Comments on: 6 Accessibility Tips

By: jinny

jinny — Tue, 28 Jun 2011 12:56:20 +0000

thanks for the great article I have been learning to develop site on my own and your articles are helping get to my goals….

By: Unisonlogix » Blog Archive » How-to: DropDown CSS Menu

Unisonlogix » Blog Archive » How-to: DropDown CSS Menu — Sat, 25 Oct 2008 08:26:03 +0000

[...] To learn more about accessibility in a CSS menu, you should read my past tips regarding accessibility here. [...]

By: How-to: DropDown CSS Menu » DivitoDesign - Webdesign Blog

How-to: DropDown CSS Menu » DivitoDesign - Webdesign Blog — Tue, 09 Sep 2008 18:53:03 +0000

[...] To learn more about accessibility in a CSS menu, you should read my past tips regarding accessibility here. [...]

By: Make your weblog more user friendly » divitodesign.com

Make your weblog more user friendly » divitodesign.com — Sat, 23 Feb 2008 18:24:08 +0000

[...] Important part. Not all visitors use the same device, computer, browser, and/or settings. Maybe, your weblog is not visualized the way you or your designer wanted to. Some users might have disabled images or JavaScript, some might have a 800×600 resolution. You should prepare for this, make sure they can read the content and view the site as good as possible. Remember, you are publishing for all users and it should be your goal to let everyone read your content. Read more accessibility tips. [...]

By: Michiel

Michiel — Mon, 07 Jan 2008 14:38:41 +0000

I have to agree with you on that one, for content images you could use something like that. It is more noticeable when you put a ‘-’ before and after the text.

An other technique I saw on the W3 website:

Travel Expense Report table as rendered by a visual user agent.

Instead of this image: http://www.w3.org/TR/WCAG10-HTML-TECHS/techimages/table1.gif

to be found above: http://www.w3.org/TR/WCAG10-HTML-TECHS/#tables-layout

Notice the text behind the description. This is also a good technique if the image isn’t in the middle of the text (because then it would just be a weird sentence).

So depending on where the image is, you could use any of these techniques.

By: Stefan Vervoort

Stefan Vervoort — Fri, 04 Jan 2008 19:16:45 +0000

Thank you Michiel.

You are right; navigation images should have ALT-texts to point the direction the visitor are going. But what to do with images inside the content?

Example: You are using ALT-text ‘Dog’ when displaying a image of a dog. This image will not be shown in some browsers where images are turned off, the ALT-text is. The readers will scan the text and does not recognize an image in the content. When you have used something like this: — DOG –, the ‘strange text’ will fall out and you have more changes to make this ALT-text will be seen. Far more changes as ‘Dog’ only.

What do you think?

By: Michiel

Michiel — Fri, 04 Jan 2008 08:41:58 +0000

Nice article! There’s some good stuff in there.

Although I don’t agree on the ALT-text part. Your ALT-text should display whats on the image, or where it links to. So an image used in a navigation that looks like this:

———
| Home |
———

Should have an ALT-text like: ‘Home’ or ‘Go to home’, or something like it. This way people will recognize it as navigation rater than content.