The HTML IMG tag has an ALT attribute and a TITLE attribute. The ALT attribute is used to convey the meaning of the image to assistive technology like the JAWS screen reader.
On the other hand, the TITLE attribute is used to create the visual flyout tool tip. A magnifier users sees this tool tip. Therefore it is important to use both the ALT and TITLE, even if they are exactly the same.
All HTML IMG tags MUST have an ALT attribute. Images that convey meaning should use an ALT attribute that conveys the meaning of the image. Images that do not convey meaning, like a corner.gif, should use ALT=”" (null). The null ALT tells the screen reader to ignore the image.
Using the ALT and TITLE attribute on an IMG tag.
Be sure to capture all the text in the image as alternative text. Although you may use the TITLE for other purposes, in this case it in not necessary for accessibility.
An image that has no meaning, like this corner image, can use ALT=”".
|IE 9||JAWS 12||Yes|
|FF 4||JAWS 12||Yes|
- WCAG 2.0 SC 1.1.1 Non-text Content: All non-text content that is presented to the user has a text alternative that serves the equivalent purpose. (Level A)