 
Support Wrong Planet Awareness!
| View previous topic :: View next topic |
| Author |
Message |
Bearsac-Debra
Pileated woodpecker
Joined: Nov 21, 2005
Posts: 197
Location: Borehamwood, Herts, UK
|
 Posted: Sun Oct 05, 2008 7:37 am Post subject: Advice needed describing/labling images to blind users |
 |
|
I want to be able to have worded descriptions linked to images on my website so blind users and those that surf with images turned off can get an idea of what the image is about.
I use Dreamweaver Ultra Dev. I could try naked HTML if informed of the correct code.
Can anyone advise please?
www.bearsac.com
_________________
It's just amazing how bears and people can be.
www.bearsac.com |
|
| Back to top |
|
LostInEmulation
Penguin
Joined: Feb 11, 2008
Posts: 1271
Location: Germany
|
| Posted: Sun Oct 05, 2008 7:43 am Post subject: |
|
|
I guess you can set an the ALT-Attribute even in Dreamweaver. ie: <img src="$filename" alt="$description">
_________________
I am no native speaker. Please contact me, if I made grammatical mistakes in the posting above.
GENERATION 20: The first time you see this, copy it into your sig on any forum and add 1 to the generation. Social experiment. |
|
| Back to top |
|
0_equals_true
Quack!
Joined: Apr 06, 2007
Age: 26
Posts: 5005
Location: London
|
|
| Back to top |
|
0_equals_true
Quack!
Joined: Apr 06, 2007
Age: 26
Posts: 5005
Location: London
|
| Posted: Sun Oct 05, 2008 2:45 pm Post subject: |
|
|
| The best way to test your page for accessibility is to get the main text reading browsers used by visually impaired people try it out. Some annotations actually disrupt the flow of useful information. |
|
| Back to top |
|
0_equals_true
Quack!
Joined: Apr 06, 2007
Age: 26
Posts: 5005
Location: London
|
| Posted: Sun Oct 05, 2008 3:12 pm Post subject: |
|
|
Bearsac-Debra nice site, although you can make some improments. I would start by getting it passed validation. At the moment it doesn't have a Document Type so it can't really be validated. You are in that 'quirks mode' grey area which is never a good place.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.bearsac.com%2Findex.htm
Just slowly work your way through, making corrections a couple at a time, and rechecking. Conformity doesn't mean accessibility far from it. But it can, for the simplest things, work as a sort of damage limitation from displaying completely differently in a particular browser.
I suggest using html (strict) rather then xhtml for you purposes because of problems with the standardisation of area maps between versions of xhtml. W3C are not perfect they do make mistakes and this is one area they cocked up, which caused some inconsistency between some browsers.
Now for your design, you are using area maps to navigate. So for accessibility within the area tag use the alt attribute. So the main image itself is decoration so you could use alt="" for the image and then put descriptions for the areas. If that makes sense. |
|
| Back to top |
|
Bearsac-Debra
Pileated woodpecker
Joined: Nov 21, 2005
Posts: 197
Location: Borehamwood, Herts, UK
|
| Posted: Mon Oct 06, 2008 5:20 am Post subject: |
|
|
Thanking people for their help. I have described some of the photos in diary 08 and meets celebrities page so far. I will look at websites and other suggestions as time permits.
Any other advice also welcome.
have a good day folks.
Debra
_________________
It's just amazing how bears and people can be.
www.bearsac.com |
|
| Back to top |
|
lau
Quinquaginta Novem! Male Gee-knee-us + silly bits.
Joined: Jun 18, 2006
Age: 59
Posts: 7448
Location: Somerset UK
|
| Posted: Mon Oct 06, 2008 11:10 am Post subject: |
|
|
As others hae said, the correct way to make your page "say" what an image is, is with the "alt" attribute.
==============
I find the WebDeveloper extension in Firefox and SeaMonkey (and other Mozilla-baser browsers?) to be indispensable for checking websites.
It gives a huge range of ways to see exactly what's going on in a page.
The primary ones that would be of interest to you are in the "Tools" dropdown. There, you can easily send your page to the W3C validator, for (X)HTML, and also for CSS, plus others, including the accessibility checks at HiSoftware® Cynthia Says™.
===============
I also use the offline "tidy" program to clean up messy (X)HTML. (And to convert plain HTML to HTML+CSS or XHTML+CSS.)
I've not extensively used it, but KompoZer is a nice, free editor. It is started life as the editor I get, built in, in Seamonkey.
============
As mentioned earlier, by 0_equals_true, because you don't have a DOCTYPE, the validator complains of 25 errors and 4 warnings on your front page. As some of these are due to it guessing at "HTML 4.01 Transitional", then disliking some XHTML constructs that have found their way into a ".html" file, I tried forcing "XHTML 1.0 Transitional". However, it then gave 290 Errors and 4 warnings, so I guess that wasn't such a good idea!
_________________
Phases of a project: (1) Exultation. (2) Disenchantment. (3) Confusion. (4) Search for the Guilty. (5) Punishment for the Innocent. (6) Distinction for the Uninvolved. |
|
| Back to top |
|
0_equals_true
Quack!
Joined: Apr 06, 2007
Age: 26
Posts: 5005
Location: London
|
| Posted: Mon Oct 06, 2008 1:00 pm Post subject: |
|
|
| lau wrote: | | As mentioned earlier, by 0_equals_true, because you don't have a DOCTYPE, the validator complains of 25 errors and 4 warnings on your front page. As some of these are due to it guessing at "HTML 4.01 Transitional", then disliking some XHTML constructs that have found their way into a ".html" file, I tried forcing "XHTML 1.0 Transitional". However, it then gave 290 Errors and 4 warnings, so I guess that wasn't such a good idea! |
xhtml being xml (almost) is case sensitive. She has most of her tags in capitals. |
|
| Back to top |
|
0_equals_true
Quack!
Joined: Apr 06, 2007
Age: 26
Posts: 5005
Location: London
|
| Posted: Mon Oct 06, 2008 1:07 pm Post subject: |
|
|
| Note: when an element supports an alt attribute and a title attribute (check standards). It is the alt that is used for accessibility. The title is used often as a tooltip, when the cursor is over that rendered element for a while. title is always optional alt should be supplied even if it is an empty string. |
|
| Back to top |
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
