Accessible Audio & Video

A presentation at The Design + Accessibility Summit in November 2022 in by Carie Fisher

Slide 1

Slide 1

Accessible Audio & Video

Learn about audio and video accessibility and how to make your next video more inclusive

Slide 2

Slide 2

Carie Fisher (she/her) Director of Digital Accessibility at Testlio HCI Ph.D. Candidate at Iowa State University Author of Google’s “Learn Accessibility” course

Slide 3

Slide 3

Alternative Media Types

Captions Transcripts Audio Descriptions Sign Language Interpretation

Slide 4

Slide 4

Captions

Includes text synchronized with multimedia. Primarily for people who cannot hear the spoken words. Are considered either “open” or “closed” but are not subtitles.

Slide 5

Slide 5

Subtitles vs Captions

Slide 6

Slide 6

Auto-captions

“Some deaf people say auto-captions are NOT better than nothing. Some deaf people say automatic captions ARE better than nothing. Personally, I’d rather see no captions than watch automatic captions. Sure, I’m disappointed there aren’t captions but I avoid the painful experience of notoriously bad captions.” - Meryl Evans

Slide 7

Slide 7

Transcripts

Similar to captions but include more details and time-stamps. Text-based document of spoken words and speaker identification. Can include sound effects and other visual description.

Slide 8

Slide 8

Audio Descriptions

Include a narrator who explains visual information verbally. Convey visual info that dialogue and other sounds cannot. Primarily help people who are blind or have low vision.

Slide 9

Slide 9

Sign Language Interpretation

A video or live-stream of an interpreter. For many people who are Deaf it may be first/primary language. Can be cost-prohibitive to many organizations.

Slide 10

Slide 10

WCAG Requirements for Pre-Recorded Media

Slide 11

Slide 11

WCAG Requirements for Live Media

Slide 12

Slide 12

Demo Recap

Create and upload media or host a live-stream. Allow time for the file to be processed. Modify captions manually or upload an externally generated media or live-stream caption. Review captioning results and download the transcript.

Slide 13

Slide 13

WCAG Requirements for Pre-Recorded Media Captions

Slide 14

Slide 14

WCAG Requirements for Live Media Captions

Slide 15

Slide 15

Thanks!

Slides: noti.st/cariefisher Article: web.dev/learn/accessibility/video-audio LinkedIn: linkedin.com/in/cariefisher Mastodon: mstdn.social/@cariefisher Twitter: twitter.com/cariefisher