CuteEditor for .NET

Alternative "alt" Attribute for Graphics and Images


Perhaps the single most important technique for making any web site accessible is the use of "alt" Attribute to the Image <IMG> tag. This simple addition creates a text description for the image/graphic being placed on the web page.

This attribute is essential for users who are blind or visually impaired since they often access the WWW with the use of special software - Assistive Technology (AT) - that converts the text of the web page into spoken language. When this text-to-voice software encounters a web page that has images with no "alt" Attributes, the software simply reads "IMAGE" and the user has no way of knowing the content of the page.

If descriptive information is not supplied in place of an image for blind visitors, you will be loosing customers.

In HTML a IMG statement should read something like this:

<img border="0" src="images/woman.gif" alt="A beautiful woman" />

The "alt" Attribute for this image tells the user what the content of the image is "A beautiful woman."

In general, alt text (contained in the alt Attribute of an element) should be limited to about 50 characters. If further details are required to convey the content of the image, the designer should consider using a long description.

In CuteEditor, when the Images option is selected, users are asked to provide a text description for each image in the dialog box shown in below.