Accommodating Images and Media for Web Accessibility

Images and audio/video content are some of the trickiest elements of your website to make accessible. This course will teach you how to meet the WCAG accessibility guidelines, including writing video captions and handling dynamic data charts.

Many developers struggle to meet the WCAG accessibility guidelines relating to images, audio, and video content, particularly when working with tables, dynamic charts, and live content. In this course, Accommodating Images and Media for Web Accessibility, you'll learn how to meet the WCAG accessibility guidelines relating to non-text content on your website. First, you'll explore the challenges that your website users can face with non-text content, how to use HTML and CSS to describe images appropriately, including when the images are only included using CSS. Next, you'll evaluate some audio/video content and learn how to provide appropriate transcripts and captions. Finally, you’ll learn about color blindness and how to ensure that your website has appropriate color contrast, as well as other sensory concerns like auto-playing audio. When you're finished with this course, you'll have a clear understanding of the issues involved with images and media, and how to develop websites that allow this media to be consumed by a wider audience, meeting WCAG Level AA.

• Exploring Functional and Decorative Images 17mins
• Working with Complex Images and Scenarios 9mins
• Providing Alternatives for Audio/Video Content 14mins
• Preventing Issues with Content 8mins