Accessibility - Images in Online Courses

Instructional Tech Tip Sheet: Images in Online Courses

Overview

The use of images in online courses should be meaningful to the content and reinforce key concepts. All images need to have alternative text associated with it which will be read by screen readers and may display if the image does not load. This tip sheet describes the methods you can use for adding alternative text to images in your online course and gives suggestions for creating meaningful alternative text.

Alternative Text Methods

  1. Captions: A caption is a text based description listed under an image as shown below.

photowithcaption

  1. Paragraph Text: If the image is properly described in the paragraph text a caption may not be necessary but the image should be located in the document near where it is being described.
  2. Alt Text: You do not have to know HTML code in most instances to add alt text to the html code within a page in an online course. Most Learning Management Systems provide necessary fields for adding alt text. For decorative images you can add Null alt text by having no text in alt text tags: <img src="images/nameofimage.jpg" alt="" width="80" height="100" />. Most alt text descriptions are limited to less than 150 characters.
  3. Long Descriptions: If more than 150 characters is needed to describe an image a Longdesc attribute can be used to create a link to a web page with the alternative text. See resources below for more details.

Creating Meaningful Alternative Text

  • Make your descriptions accurate, descriptive, concise, and meaningful to the user.
  • Use tables instead of charts when displaying data.
  • Detailed diagrams and graphs can be hard to describe through text. Some images may be available through the American Printing House for the Blind.

Resources/Tutorials

Educational Technology

  • follow us on youtube
  • follow us on linkedin
Michigan State University
  • Spartans Will.
  • © Michigan State University

MSU is an affirmative-action, equal-opportunity employer, committed to achieving excellence through a diverse workforce and inclusive culture that encourages all people to reach their full potential.

Michigan State University Extension programs and materials are open to all without regard to race, color, national origin, gender, gender identity, religion, age, height, weight, disability, political beliefs, sexual orientation, marital status, family status or veteran status. Issued in furtherance of MSU Extension work, acts of May 8 and June 30, 1914, in cooperation with the U.S. Department of Agriculture. Quentin Tyler, Director, MSU Extension, East Lansing, MI 48824. This information is for educational purposes only. Reference to commercial products or trade names does not imply endorsement by MSU Extension or bias against those not mentioned.

The 4-H Name and Emblem have special protections from Congress, protected by code 18 USC 707.

We comply with the Federal Trade Commission 1998 Children’s Online Privacy Protection Act (COPPA).