Add alt-text to images

Ensuring that images on your school’s website are accessible to all users is essential for meeting accessibility standards like the Web Content Accessibility Guidelines (WCAG). Alternative text (alt-text) plays a key role in helping screen readers convey the content and purpose of images to visually impaired users.

This article shows you where in your Composer platform you can add alt-text to your images, with step-by-step instructions to get you started!

In this Article

• Prerequisite: Learn to write alt-text! 
• Add alt-text to an image in the editor
• Add alt-text to a navigation dropdown image
• Add alt-text in Resources' quick action panel
• Ensure ADA compliance by requiring alt-text
• Need additional help? 

Add alt-text to an image in the editor

1. If you are inserting a new image, click the Insert Image icon.

   

2. For an existing image, right click on the image and select the Image Properties link.

     

3. In the Image Properties settings, find the Alternative text field and input your image description.

   

4. Save your settings, save the Content element, and publish the page.

Add alt-text to a navigation dropdown image

1. On the given landing page, click the Page Settings gear icon.

   

2. Click the Nav Info Tab and find the Thumbnail Alt-text field. This field only appears after you have added a Page Thumbnail.

   

3. Enter your alt-text, then save and publish the page.

Add alt-text in Resources' quick action panel

While uploading media into Resources, easily pop open the quick actions panel to add alt-text to images in a super efficient way!

Ensure ADA compliance by requiring alt-text

Resources settings are available to help ensure ADA compliance on your site by requiring alt-text in order for images to be shown on the site. There are separate toggles for Resource elements and the content editor. A warning box will display the number of images that will be affected by enabling the alt-text requirement for Resource elements.