mouse over text - accessibiltiy for the blind

**Ken Gaskell** · 17 January 2008, 01:05 PM

Legally, every image on a website should produce descriptive text when you pass a mouse over it. This is so that people with sight problems can hear what the image is when using their accessibility software.

When adding an image in FrontPage, I simply right click on the image and select picture properties. I then select the tab called General. Where it says "Text:" I simply type in a description of the image. I click OK and the job is done.

When I pass the mouse over the image, the text appears. To see what I mean, check any professional website and you will see that all the images work in this way. The law in the UK says they have to.

Using Webstyle 4, this works automatically for the menus. However, it doesn't when using headers and other images not related to navigation. If I select a Webstyle4 header in Frontpage, it doesn't give me the option to add descriptive text for the image.

Question: Can this be done? If so, how do I do it? I appreciate FrontPage might not help me, but I am hoping that someone will tell me where to put the HTML instructions provided in the Webstyle4 help when it comes to applying it to headers created using Webstyle 4. There is already so much html language involved, I don't know how or where to add the extra information that is needed.

Ken

**Soquili** · 17 January 2008, 06:07 PM

Ken the following link explains how to create alt-text tags for accessibility http://www.cew.wisc.edu/accessibilit...ls/alttext.htm

In FrontPage go to html view and manually enter the alt-text tag for the header and other graphics that do not offer the Text option on the General Tab.

**Ken Gaskell** · 18 January 2008, 11:26 AM

Thanks, that is a great help.

The trouble is, Webstyle makes it tricky knowing where to insert the extra html. I have a header which simply says STAFF. This is the html:

<img src="images/Staff.gif?00CE3FDD" editor="Webstyle4" border="0">

The question is, where do I insert:

alt="Staff"

Could someone insert it in the above so that I will know where to put it.

Ken

**Soquili** · 18 January 2008, 03:54 PM

Ken the alt= should go between the img tag and the editor tag.

<img src="images/Staff.gif?00CE3FDD" alt="Staff" editor="Webstyle4" border="0">

If you are using FrontPage 2003 or newer (is there a newer version??) when you place your cursor in the code after the Src= "images/Staff.gif?00CE3FDD" tag the intellisense will pop up allowing you to select the alt tag and then type in the information.