Image missing alt text description
- Carolyn Quintero |
- 27 steps |
- 3 minutes
1
After logging into Monsido, select Policies from the navigation menu.
2
Then select "Policy List" from the side navigation menu area.
3
Select the Filter button (located next to the search field).
4
Select "Labels" from the filter list.
5
From the list of labels, locate and select "Accessibility Policies."
6
Locate and select "Image missing alt text description" from the list of Accessibility Policies.
7
Locate the number of policy hits at the end of the table row, and select the hyperlink.
8
Select the hyperlink for a page in the list. This will open the policy report for that page.
9
Locate the policy issue, "Image missing alt text description" and review the details about the issue.
10
After reviewing the policy page report, select the Accessibility link from the navigation area to access the Accessibility page report.
11
On the accessibility page report, you may see several issues related to images (img). Locate one of the issues. In this example, the issues is "a long description is used for each img elements that does not have alt text conveying the same information on the page."
12
In the page details section, you'll find a thumbnail of the image along with a snippet of HTML. If necessary, select "show more" link to see the entire snippet.
13
Review the HTML snippet and locate the alt attribute (alt). If the attribute is empty (alt="") then you need to add a brief description.
14
Select the "CMS" button to navigate to your WordPress site. If you are not already logged in, you may need to login first, then select the CMS button again.
15
Once in your WordPress editor, locate the image with the empty alt attribute and select the image.
16
Locate and select the Image properties button (pencil icon) to access the image properties page.
17
Select the "Alternative Text" field and enter a brief description of the image. A good formula is to describe the object + action + context. For this image that may look like this:
- Object = Students
- Action = Holding instruments and a Treefort banner
- Context = In front of the B statue
Alternative text = [[Students pose with instuments and treefort banner in front of B statue]]
**Tip**: do not add punctuation or non-essential information to the alt text description. Aim for 100 characters or less and do not duplicate content provided in the caption.
18
Once you are done, select update to save the alternative text.
19
Then select Update from the Publish menu to finish saving the changes to your page.
20
Back in Monsido, select the Fast Track button (looks like a road) for the image you just updated.
