Adding ALT Tags to Images

After posting about meeting with the Yahoo Accessibility Lab, all of my posts going forward will include ALT tags for images. ALT tags are included with an images HTML to ensure those who use screen readers due to visual impairment will know what images are included on a web page.

Usually when you upload a picture to a blog or website, the HTML for an image looks something like this:

"img src= "http://2.bp.blogspot.com/_wWPy3_-vkD0/TEQDsoV5OgI/AAAAAAAADtk/XbVXjzpFYXg/s320/IMG_2239.jpeg" alt="" id="BLOGGER_PHOTO_ID_5495521510577224194"

Not so pretty, is it?

Between all the mysterious text, you will see: alt=" " To make your photos talk, just add a caption between the quotation marks.

The HTML above is for this photo

Now that I've added an ALT tag, someone who mouses over the image will hear their computer read "DC Yahoo MotherBoard members" which is far more relvant than the mysterious HTML that is attached to my photo.

So simple and yet so helpful!

http://www.w3schools.com/htmL/html_images.asp