Introduction

This is part two of a small series of video/written guides that will walk you through the process of fixing alt text issues. This second part of the series goes through how to identify and enter alt text for images that were inserted into an Ensemble page using the Image Container Component in the Ensemble editor. 

Video Guide

Written Guide

Instructions

Before You Start:
If you don't already have the axe Devtools Browser Extension installed, please go look at our axe Devtools installation video guide.

Step 1 - Locate Image in the Ensemble Author (Editor)

This step picks up where the Alternative (Alt) Text - Fixes Part One Guide left off - 

Navigate to your page in the Ensemble Author system, and open the page in the editor. 

Scroll down your page and locate the image that you want to enter alt text for (that you found using the highlight feature of the axe DevTools scan, covered in our **PREVIOUS ALT TEXT GUIDE LINK**). 

You will know that the image in question is inside of the Image Container Component by seeing an Accessibility Error (1) inside of the component, letting you know that the image within does not contain alternative text, and by seeing the Image (2) designation on the component box once you click on it.

Step 2- Fix Missing Alt Text

Once you've identified the image component containing an image with missing alt text, click anywhere in the container to highlight the component. A menu bar (1) will appear. Click on the Configure option (2) (the Wrench icon).

The Image Container Component Configuration Window (1) will open. Click on the Accessibility tab (2). 

Using the options in the Accessibility tab, you can fix the missing alt text issue -- either by writing appropriate alt text for the image in the Alternative Text box (1), or by checking the Image is decorative box (2) to mark the image as decorative, which will hide it semantically from screen readers. 

Note: If you need to review what kinds of alt text are appropriate for different types of images, please refer back to the Alt Text Overview Webpage.