Accessibility: Exploring Images and Media

Learn how to make images and audio/video content meet the WCAG accessibility guidelines, even images with difficult alt text to write. This course includes tips like getting YouTube to write video captions for you and handling dynamic data charts.
Course info
Rating
(16)
Level
Beginner
Updated
Nov 14, 2019
Duration
1h 21m
Table of contents
Description
Course info
Rating
(16)
Level
Beginner
Updated
Nov 14, 2019
Duration
1h 21m
Description

Many developers struggle to meet the WCAG accessibility guidelines relating to images, audio, and video content, particularly when working with tables, charts, dynamic charts, and live data.

In this course, Accessibility: Exploring Images and Media, 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, and what to do in the rare scenarios where a short text alternative isn’t possible, by utilizing some specific methods and useful libraries.

Next, you'll evaluate some audio/video content, learn how to provide appropriate transcripts and captions, and discover some tools to assist you in this process.

Finally, you’ll learn about colour blindness and how to ensure that your website has appropriate colour contrast, as well as other sensory concerns like flashing images and 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.

About the author
About the author

Fiona Holder is Director of Software Development at Xibis Ltd, an innovative web and mobile application development company. She primarily works in C#,ASP.NET MVC, JavaScript, CSS, and HTML5.

More from the author
Accessibility: Keyboard Input and Forms
Intermediate
1h 15m
Mar 5, 2020
Making a Web Form Accessible
Intermediate
1h 47m
Apr 21, 2016
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi everyone, my name is Fiona Holder, and welcome to my course, Accessibility: Exploring Images and Media. I'm technical director of a bespoke website agency in the UK, and I also spend the little spare time I have blogging and recording videos about accessibility. In this course, we're going to ensure that all the images and media, like audio and video files on your website, are accessible. The WCAG guidelines can be confusing at times, so I'm going to run through each of them and explain the specific changes you need to make within your code. Some of the major topics that we'll cover include how screen readers interpret images and how to test using one, how to handle complex images like data charts, writing text alternatives for audio and video, and getting YouTube to caption your videos. Finally, preventing issues, like automatically playing audio. By the end of this course, you'll feel confident that you can make the images and media on your website comply with WCAG level AA. And before beginning this course, you should have a basic knowledge of HTML and CSS. I hope you'll join me on this journey to learn how to make your website accessible with the Accessibility: Exploring Images and Media course, on Pluralsight.