Accessibility

Images

Last modified 2/11/2022

Any time you use an image, graphic or non-text content in a project add alternative text (e.g. alt text). People who experience blindness or have visual impairments may not clearly see an image on a screen adding meaningful alt text is important Images should have a specific purpose when used, and an alt text supplies the function of the image or briefly presents the purpose of the image's link target. 

Learn how to write alt text for images

Types of Images

Information Images

Information images are images not used as a like. They are present to convey meaning or information. The alternative text foir information images should describe the image and its purpose for supporting the page content.

Action Images (links, etc)

Action images are images that have an action, such as a linked image. The alternative text for an action image should provide context for the target of the link.

Larger data

Larger data images, my not be images but other forms of non-text content such as charts and graphs. The information present in the graph or chart needs to have a text equivalent.If information is too large for an alt tag, included the data table for the chart or graph.

Text

Avoid if possible. Text embedded into image files are not accessible to some assistive technologies. Instead it is best to use HTML for text. If you must use an image of text, then use the text in the image as the alt tag, do not identify the specific image scene or elements. The text is typically the important information in a text image.

Decorative images

Decorative images do not have a significant function except for decoration. These images can have a blank or null alt text (alt=""). Please note, the OU campus editor requires all images to have an image description before they can be uploaded. In these cases, it is best to add the image description anyway.

Blinking Content

Avoid blinking content. Flashing or blinking content (particularly content in red) can cause seizures in people with photosensitive epilepsy as well as other photosensitive seizure disorders. Limit use to only when necessary. If blinking conent is necessary content should not flash more than three times in one second.

Resources for Accessible Images