Tutorials from WAC. Click or press ALT+T to return to the Tutorials main page.

Designing Accessible Web Pages

divider

Images:

Adding ALT tags to Images Using FrontPage

1. Say you have an image on a page that looks like the one below.

Screen shot of a FrontPage window showing a file with an image on it

2. Using the mouse, right-click the image and choose the item 'Picture Properties'.

Screen shot of a FrontPage window showing a file with an image on it

3. In the window that appears, look for the 'General' tab and look for the text box labeled 'Alternative Representations' - 'Text'.

Screen shot of the Picture Properties menu

4. In the above case, this is already filled in with text (meaningless at that!). Replace this text with something more descriptive like, "This is a cartoon of a duck about to smash a computer with a hammer". Do this without the quotes.

5. Press OK, then SAVE your work and you are done!

6. For people who work with HTML, the procedure is to incorporate the following code into the image tags. Usually this is inserted immediately after the image source (src) is specified.
The code is simple:
alt="This is a cartoon of a duck about to smash a computer with a hammer"
Do this with the quotes.

Return to Images Link and graphic of hand pointing to the next page.

divider

Images | Add ALT Tags Using FrontPage | Home