Saturday, August 23, 2008

ALT and TITLE Modifiers in IMG Tags

All images (except your picture on your blog) which you include in your blog or web site MUST have ALT and TITLE modifiers added to the IMG tag that causes a picture to be shown on a page on the internet.

The ALT modifier provides information about an image that will be read to a blind person using a special computer to access the internet. Steve Sullivan,EDM 310 graduate assistant this semester, wants those ALT tags so he can "see" a picture through words!

We are using the TITLE modifier to provide information about the source of the image on the page.

In your blog, Google gives you a starting place.

1. Look for ALT=""
2. Click inside the quotation marks
3. Type what you want read to a blind visitor to your blog who can't see your picture but wants to hear about it.
4. Next, click just beyond the second quotation mark. Add a space
5. Type TITLE="
6. Type the source for your picture. I usually add Source: in front of the actual source. For example Source:Getty Images
7. Don't forget to type the ending quotation mark when you have finished.

When you start working on your website you will have to add both modifiers to the IMG tag since Google will not provide you with ALT="" in the web development tool.

We will discuss this more later.

No comments: