Add Alternative Text Descriptions for Complex Images

Contact the Accessible Media Coordinator

Robert Starr
Accessible Media Coordinator

Assistive Technology Initiative
MS: 6A11
Voice: 703-993-5644
Fax: 703-993-4743
rstarr@gmu.edu

Contact the IT Accessibility Coordinator

Kristine Neuber
IT Accessibility Coordinator

Assistive Technology Initiative
MS: 6A11
Voice: 703-993-9815
Fax: 703-993-4743
kneuber@gmu.edu

Have Assistive Technology Questions? Contact Us!

Korey Singleton
Deputy ADA Coordinator for Accessibility and ATI Manager

Assistive Technology Initiative
MS: 6A11
Voice: 703-993-4329
Fax: 703-993-4743
ksinglet@gmu.edu

Have questions? Contact the ATI:

Assistive Technology Initiative
MS: 6A11
Voice: 703-993-4329
Fax: 703-993-4743
ati@gmu.edu

Alternative text descriptions for complex images convey meaningful information to students with visual impairments who use screen readers.

 

Why is this important?

Screen reading applications do not interpret visual data. For that reason, it is important to provide alternative text descriptions for any content where the visual imagery is critical to understanding its meaning.

In Blackboard, do the following:

First, click the insert image icon in the content editor and then add your alternative text descriptions in the image description field.

insert image 

adding image description field in blackboardWhat about decorative images?

Decorative images convey no meaningful information to the end user. They should be marked as such to ensure that screen reading applications skip them when reading through the course site.

To mark an image as decorative in Blackboard, do the following:

  • First, repeat the steps listed above. Instead of adding an image description, leave the image description field blank. Click Insert.  (PLEASE NOTE: You will be warned about inserting the image without adding an alternative text description. Click OK.)

alt text image warning 

  • Click the HTML icon in the content editor.

HTML button in content editor 

  • Once the HTML code view window opens, identify the tag corresponding to your image.
  • Next add alt=”” in the code. Close the HTML code view window and click the Submit button.

 

blank alt tag