You are using an unsupported browser. Please update your browser to the latest version on or before July 31, 2020.
Adding Alt Text to Content in Blueprint
print icon

Alt text, also called alt tags and alt descriptions, is the written copy that appears in place of an image that fails to load on a user's screen. Besides being a useful backup for learners who have less powerful internet access, this text helps screen-reading tools describe images to visually impaired readers.


Note: Including alt text for visuals in your content is a WCAG 2.1 requirement.

How to add alt text to images in Blueprint

There are 2 ways you can add alt text to images in Blueprint: by updating the HTML source code directly or by editing the image properties. 

Via HTML Source Code

  1. Navigate to the piece of content you want to edit in Blueprint
  2. Click the “Source” button from the WYSIWYG editor 
  3. Locate the image in the source code and edit the alt="" property of the <image> tag 
  4. Save your changes



Via Image Editor

  1. Navigate to the piece of content you want to edit in Blueprint
  2. Locate the image and then right-click or control-click to bring up the context menu for the image, then select “Image Properties”
  3. Edit the “Alternative Text” field to the desired text and click “OK” when done.
  4. Save your changes




Reminder: You will need to “Publish Changes” in order to see your saved changes in the Learning Application.

0 out of 0 found this helpful

scroll to top icon