|
| |
|
|
caz
Posts: 3518
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline
 |
Alt atributes and how to use and write them - 12/19/2005 14:01:23
More than half the battle
The importance of making absolutely all the images on your Website accessible cannot be underestimated. This simple action alone gets you more than halfway toward an accessible site. You have to do it correctly, but even if you skip every other accessibility step, your sites immediately become fundamentally accessible.
http://www.joeclark.org/book/sashay/serialization/Chapter06.html
One of the first things anyone learns about accessible web design is the importance of the alt attribute on images. If you are using XHTML, image tags without alt attributes won't even validate, so ensuring this information is provided becomes even more important. Writing alt text is easy, but writing it well enough for it to be a help rather than a hindrance can take some thought.
http://www.gawds.org/show.php?contentid=28
The alt and title attributes
When browser vendors bend the standards and implement something in a different way than what the specification states, they may cause problems, or at least confusion. One example of this is the way certain browsers, the most widely used being Internet Explorer for Windows, handle alt attributes (popularly and incorrectly referred to as “alt tags”).
Alternate text is not meant to be used as a tool tip, or more specifically, to provide additional information about an image.
http://www.456bereastreet.com/archive/200412/the_alt_and_title_attributes/
Slice and dice images:
The most effective way of improving the accessibility of a sliced image is to provide a descriptive alt text equivalent for the first image slice (that is the top left image) and then use a null alt (alt="") for all the other slices. In this way assistive technologies will ignore all the null alts and the users of these technologies will be told there is one image and get a description of that image.
http://www.usability.com.au/resources/image-text.cfm
There are probably more references to these attributes on the web, but I have found these to be the most informative and reliable.
_____________________________
Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk
I remember when it took less than 4hrs to fly across the Atlantic.
|
|
|
|
d a v e
Posts: 4071
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline
|
RE: Alt atributes and how to use and write them - 12/19/2005 14:28:12
yep that's good stuff by joe - i came across that site a year or so ago and read the whole book online (at work, kind of related ;) good explanations and examples!
_____________________________
David Prescott
Gekko web design
| |
|
|
|
Tailslide
Posts: 6003
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: Alt atributes and how to use and write them - 12/19/2005 18:03:54
This is a classic example of why validating a site isn't a be-all and end-all. Using a null alt attribute for an image that's just "for pretty" is the right thing to do accessibility-wise but technically wrong validation-wise (mind you the validator's been a bit moody lately and may well have changed it's mind on this!).
On this occasion I'd stick with the accessible, sensible solution and have alt="" rather than confuse text-readers and add pointless markup that does nothing except make the validator happy.
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
d a v e
Posts: 4071
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline
|
RE: Alt atributes and how to use and write them - 12/20/2005 12:44:23
in what way is it tehcnically wrong validation wise to use a null alt attribute?
_____________________________
David Prescott
Gekko web design
| |
|
|
|
dpf
Posts: 7121
Joined: 11/12/2003
From: India-napolis
Status: offline
|
RE: Alt atributes and how to use and write them - 12/20/2005 12:52:22
quote:
When browser vendors bend the standards and implement something in a different way than what the specification states, they may cause problems, or at least confusion. One example of this is the way certain browsers, the most widely used being Internet Explorer for Windows, handle alt attributes (popularly and incorrectly referred to as “alt tags”). see this is what i think is an example of "revisionist history". to say that browsers "bend the standards" is to say that the standard was in place when they implemented the functonality. I could be wrong but I thnk alt attribute preceded title and I know that its initial usage was for browsers that didnt even render images!!!! consider. as more and more browsers did render images, what was so wrong about displaying the alt as additional info? after the fact, a very simple thing that was perceived as adding additional information and enhancing the web experience gets twisted into "bned the rules of standards". nonsense
_____________________________
Dan
| |
|
|
|
dpf
Posts: 7121
Joined: 11/12/2003
From: India-napolis
Status: offline
|
RE: Alt atributes and how to use and write them - 12/20/2005 15:09:10
this may sound mean spirited but....whether it be a browser that doesnt display images or a sightless surfer, I just dont see what is gained by being told "there is a picture of the restaurant here but you cant see it" what is the gain?
_____________________________
Dan
| |
|
|
|
dpf
Posts: 7121
Joined: 11/12/2003
From: India-napolis
Status: offline
|
RE: Alt atributes and how to use and write them - 12/20/2005 15:32:17
quote:
whether it's important or not, ...so the more important it is, the more my viewing experienc eis second rate? Im either confused or contrarian today
_____________________________
Dan
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
