Decorative Image
Call (312) 996-4350
Code
Overview
- Decorative images don’t add information to the content of a page. For example, the information provided by the image might already be given using adjacent text, or the image might be included to make the website more visually attractive.
- Decoratibe image should have a null (empty) alt text should be provided (alt="") so that they can be ignored by assistive technologies, such as screen readers.
- Text descriptions for these types of images would add audible clutter to screen reader output or could distract users if the topic is different from that in adjacent text.
- Leaving out the alt attribute is also not an option because when it is not provided, some screen readers will announce the file name of the image instead.
- Whether to treat an image as decorative or informative is a judgment that only the author can make, based on the reason for including the image on the page. Images may be decorative when they are:
- Visual styling such as borders, spacers, and corners.
- Supplementary to link text to improve its appearance or increase the clickable area.
- Illustrative of adjacent text but not contributing information (“eye-candy”)
- Identified and described by surrounding text.