Images

When using images, make sure you provide alternative text (ALT text) and format the image properly.  ALT text refers to invisible descriptions of images which are read aloud to non-sighted users on a screen reader.

Best Practices

Here are some best practices for making images accessible:

  • Include ALT text that is useful
  • Keep descriptions simple and only include critical information
  • Be brief and specific
  • Use the recommended ALT text length of 125 characters
  • Do not overlay text on top of an image
  • Try not to use “Image of...” or “Graphic of...” as alt text
  • Do not repeat the information which is contained in the document itself into the alt text
  • To ensure the accessibility of non-text elements, the “wrapping style” should be set as “In line with text”
  • When adding images to documents, set the "text wrap" to keep the image from moving when you edit text
  • Uses full stops and commas, so it can be read in a more human way by a screen reader

Animations needed to be present should also include a non-animated, text-based alternative that is accessible to screen readers.  Avoid automatic or looped animations (i.e. GIFs) as they are distracting and could affect some users. Animations with a sound component should have captions or a text transcript.  

Charts, flowcharts, graphs and maps use visuals to convey complex images to users. But since they are images, these media provide serious accessibility issues to colorblind users and users of screen readers. If the information is crucial, then you must provide a text description, outline or summary near the chart.

Long descriptions may be needed to properly describe content. It is recommended to include a short summary in the ALT Text which directs users to a long text description that fully explains the image.

Maps may be used to provide directions to a location, but make sure text based directions are also included. Note that text-based instructions benefits those who may have problems processing a particular map.

Math equations can be streamlined through equation editors or through the use of techniques for other complex image types or tables.

Screen Readers: Video Demonstrations

ALT Text