BONUS: Alt Text is a great SEO tool, so your website will benefit from having accurate alt text in all images.
Making Images Accessible in 2023 [Easy Step-By-Step Guide]
What are Accessible Images?
Accessible images are visual content designed to be easily understood and interpreted by all users, including those with disabilities like vision impairment or cognitive disorders.
Making the digital world more inclusive and usable for all is an essential task, and accessible images are one of the methods to accomplish that.
The Importance of Accessible Images
In today’s fast-paced digital landscape, businesses, professionals, eCommerce stores, and other online entities must prioritize accessibility to reach a wider audience effectively. By incorporating accessible images into your website or marketing materials, you can:
- Improve the overall user experience for ALL visitors
- Promote inclusivity and demonstrate social responsibility
- Achieve compliance with web accessibility standards like the Web Content Accessibility Guidelines (WCAG)
- Increase search engine visibility through better SEO practices
Original Course View
If you added the image to the text editor in the Original Course View, edit the item that contains the image. Then, right click on the image and click Image in the menu to edit the image properties. Enter an alternative description and click the Save button.
Ultra Course View
If you added the image in Ultra Course View, click the three dots in the upper right of the image and select Edit File from the menu. Enter alternative text and click the Save button.
Adding Descriptions to Images in Other Files
You can (and should) add descriptions to images in other files, as well, such as PowerPoint presentations or Word documents. For both PowerPoint and Word, you would right-click on the image and select Edit Alt Text from the drop down menu. Learn more about alternative text in Microsoft Office.
To be effective, your image description should provide a student with the information they are missing without seeing the image themselves. Here are some best practices to write good alternative text descriptions for your images:
- Describe the image based on the page context. Convey the full meaning of the image.
- Avoid saying “image of” or “picture of”. Screen readers automatically announce images as images.
- Be concise.
- For complex images like charts or infographics, write a narrative description in the text editor. Put this narrative on the page immediately following the infographic.
- Avoid images of text. If you can’t avoid it, copy the text into the alternative description.
- Say something new. Each image on the same page should have distinct alternative descriptions that conveys the context of that image. Also, the image description shouldn’t repeat what is already said on the page.
- Identify images that don’t represent relevant content as decorative.