This document is a draft, and is designed to show changes from a previous version. It is presently showing added text,changed text,deleted text,[start]/[end] markers,and Issue Numbers.
Changes are displayed as follows:
alt
attributes on img
elementsDocuments that load images, when the image format is not an accessibility-supported content technology.
This technique relates to:
When using the img
element, specify a short text alternative with the alt
attribute. Note. The value of this attribute is referred to as "alt text".
When an image contains words that are important to understanding the content, the alt text should include those words. This will allow the alt text to play the same function on the page as the image. Note that it does not necessarily describe the visual characteristics of the image itself but must convey the same meaning as the image. If the text in the image is more than can fit in a short text alternative then it should be described in the short text alternative and a longdesc should be provided as well with the complete text.
An image on a website provides a link to a free newsletter. The image contains the text "Free newsletter. Get free recipes, news, and more. Learn more." The alt text matches the text in the image.
<img src="newsletter.gif" alt="Free newsletter. Get free recipes, news, and more. Learn more." />
Resources are for information purposes only, no endorsement implied.
Examine each img
element in the content
Check that each img
element which conveys meaning contains an alt
attribute.
If the image contains words that are important to understanding the content, the words are included in the text alternative.
Check #2 is true. If the non-text content contains words that are important to understanding the content, Check #3 is also true.