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.