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.