How can I make images more accessible?
Users with some disabilities will be unable to see images and/or comprehend what they are meant to convey. Alternative Text can help give context and meaning to an image.
When to Add Alternative Text Descriptions for Images
- Simple image with "simple meaning" - add descriptive alternative text of 10 to 169 character as outlined below. The alternative text should describe the educational/informational purpose of the image.
- Complex image with "rich meaning" - add a paragraph above or below the image that goes into more detail. Some pointers, such as "Next image," or "Previous image," will help tie them together. If the image is referenced from elsewhere in the document, add a paragraph below it that can serve as a caption, and then refer to it. If the longer alternative text is not feasible, create a link to an external Web page that contains an appropriate description.
- Decorative image - if the image is purely decorative or used for visual formatting, the alternative text description should be left blank to hide it from users of assistive technology.
Examples of Text Alternatives for Images
- Alternative Text: “Scientist in a lab filling a vial with fluid”
- Description in the text before or after the image: “Next/Previous image shows a female forensic scientist, who is filling a vial containing a small amount of blood with fluid to denature the sample as part of the process of the PCR analysis method of DNA profiling. In the background is a centrifuge which will aid in the process of extracting the DNA from the sample of blood.”
- Reference farther away in the body of the document:
"... Figure 1.3 shows the correlation between the...."
[Image] Figure 1.3
Steps to Add Alternative Text to a Newly Embedded Image
- If you do not already have an image embedded in the text box, click on the Image icon in the Rich-Text Editor's toolbar to insert an image. The Image icon displays a picture that looks like a landscape, with mountains and a sun. For more information on adding an image, please see the article How do I embed an image in a text box?
- In the Image Properties dialog window, enter short, meaningful descriptive text in the Alternative Text box.
- Click OK to confirm the addition of the text.
Steps to Add Alternative Text to an Existing Image
- Click on the image you have embedded in the text box to select it.
- Click on the Image icon in the Rich-Text Editor's toolbar. The Image icon displays a picture that looks like a landscape, with mountains and a sun.
- In the Image Properties dialog window, enter short, meaningful descriptive text in the Alternative Text box.
- Click OK to confirm the addition of the text.