Tctc Vertical Top Nav Logo
Skip to Footer Section

ADA Images and Graphics

ADA eye with boxes icon

 

 

Pictures make things pretty. Graphics can explain things that are hard to put into words. But if you can't see them, how is that information still being provided to the user?

The content of most image files, including .jpg and .png formats, cannot be identified by assistive reading devices. That means someone with a visual disability may not be able to read any words contained in those files.

Only use images that do not convey information

  • Visitors should not have to see or read the image to be able to get the information.
  • Do not use pictures of event flyers or of text unless they are accompanied by the same information elsewhere, or the information is provided in the alt text of the image.

 

Describe diagrams in the body of your text

  • Diagrams cannot be typically summarized in an alt tag. Instead, give a better description in the body text.
  • Tell the user the title of the diagram and that the description can be found on the page.

 

Skip the .gifs

  • They're fun. But they are also an accessibility nightmare. Unless they can be described in very simple terms, don't use them.
  • Provide Alternative Text
  • Alternative text, or alt text, is text that describes an image for those using screen readers. Learn more about best practices for creating alt text.