Audio Description in Higher Education

Slides:



Advertisements
Similar presentations
Using Audacity Audacity is a free, easy-to- use audio editor and recorder for a variety of operating systems.
Advertisements

Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and Applets.
CNIT 132 – Week 9 Multimedia. Working with Multimedia Bandwidth is a measure of the amount of data that can be sent through a communication pipeline each.
CAPTIONING ONLINE MEDIA An introductory guide for colleges and universities Mary Reilly Captioned Media Specialist Services for Students with Disabilities.
Able Player: A Fully Accessible Media Player Terrill Thompson, University of Washington Ken Petri, The Ohio State University These slides: goo.gl/D9ZG9t.
CAPTIONING ONLINE MEDIA An introductory guide for colleges and universities Mary Reilly Captioned Media Specialist Services for Students with Disabilities.
Part II: Universally-Designed Course Materials Applying the UDL principles.
Web Accessibility 101 Terrill Thompson Technology Accessibility Specialist University of Washington
CAPTIONING VIDEOS FOR YOUTUBE Marisol Miranda, Beth Coombs.
Short History YouTube, LLC* is a video sharing website where users can upload, view and share video clips. YouTube was created in February 2005 by three.
Captioning Basics VLC Professional Development Center.
Accessible Video in Two Parts Terrill Thompson Techology Accessibility Specialist University of Washington
Universal Media Player Terrill (UMP)
Chapter Objectives Explain Web page multimedia issues
® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ADOBE® ACCESSIBILITY Video Accessibility in Adobe Flash Andrew Kirkpatrick Adobe Systems.
Session: 11. © Aptech Ltd. 2HTML5 Audio and Video / Session 11  Describe the need for multimedia in HTML5  List the supported media types in HTML5 
© 2011 Delmar, Cengage Learning Chapter 11 Adding Media and Interactivity with Flash and Spry.
Click to edit Master text styles Second level Third level Fourth level Fifth level The trials of an accessible video player.
Lights, Camera, Caption! Presented by Kaela Parks.
Web Accessibility – Video Captioning. Ensuring people of all abilities have equal access to web content Disability Discrimination Act – Web Access Advisory.
How People with Disabilities Access the Web Web Design – Sec 2-5 Part or all of this lesson was adapted from the University of Washington’s “Web Design.
Able Player: A Fully Accessible Media Player for Higher Ed Terrill Thompson Technology Accessibility Specialist University of
Accessible Media Using Video and Audio to meet the needs of a diverse populations Presented by Kaela Parks.
Institutional Models for Captioning. Institutional Models In-House Production Model.
All About Video Terrill Thompson University of Washington Ken Petri The Ohio State University Sean Keegan President, ATHEN
Chapter 11 Adding Media and Interactivity. Chapter 11 Lessons Introduction 1.Add and modify Flash objects 2.Add rollover images 3.Add behaviors 4.Add.
Chapter 8 Adding Multimedia Content to Web Pages HTML5 & CSS 7 th Edition.
CHAPTER 8 Multimedia 1. Using Multimedia ❖ Multimedia: the combination of text, sound, and video to express an idea or convey a message. ❖ Podcasts: a.
Using the Automatic Captions Feature. Objectives Learn how to use the Automatic Captions feature in YouTube  Edit the generated captions  Extract the.
Web Design, 5 th Edition 6 Multimedia and Interactivity Elements.
Emerging Trends in Learning Webinar Series. Presentation Emerging Trends in Learning Webinar Series ADA E-learning Compliance with Lectora 16 Moderator:
HTML Structure & syntax
Bryan Gould Carl and Ruth Shapiro Family National Center
Making videos accessible – Mandatory guidelines
Web Accessibility: A Best Practices Roadmap
HTML CS 4640 Programming Languages for Web Applications
Closed Captioning State College of Florida
Features of Authoring Tools
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Chapter 9 HTML 5 Video and Audio
Accessibility with Lectora Inspire 16
September AETC E-Learn Call Caption This
How People with Disabilities Access the Web
Chapter 4: HTML5 Media - <video> & <audio>
Learn HTML Basics Lesson No : 10
CHAPTER 8 Multimedia Authoring Tools
Creating Accessible Electronic Content
Shawn and Rebeca Who are we?. Accessibility, the final frontier, these are our voyages into best practices...
Essentials of Web Pages
Playing Audio (Part 1).
Video the UW: Overview & How We're Doing
Web Accessibility Allison Kidd, Accessibility Specialist
HTML5 Media.
Client-Side Internet and Web Programming
Colorado State University Web Accessibility
Media Player Accessibility: Insights from Interviews and Focus Groups
Captioning Project.
Web Content Accessibility Beata M. Ofianewska (DG COMM) 7 December 2006 December 2006 COMM C2.
Compliance is a work in progress
From compliance to usability
Working with Multimedia
Video Accessibility Part 2: Strategies for Addressing Video Accessibility in Higher Education & UW-IT Accessible Technology Services.
Video Accessibility Part 1
Web Standards and Accessible Design.
Demystifying Web Content Accessibility Guidelines
Adobe Acrobat DC Accessibility - Metadata, Reading Order, Links
Accessible Design Top 10 List
Making Social Media Posts Accessible
Feeding Your Website: Video Strategy & Closed Captions
HTML CS 4640 Programming Languages for Web Applications
Presentation transcript:

Audio Description in Higher Education Terrill Thompson Technology Accessibility Specialist UW-IT Accessible Technology Services University of Washington tft@uw.edu uw.edu/accessibility What's the most difficult WCAG 2.0 success critieria to meet? 1.2.5

Demos and links to resources: https://staff. washington Show Demo 1 (non-described, then follow link to Described Version)

WCAG 2.0 Level A 1.2.3 Audio Description or Media Alternative (Prerecorded): An alternative for time-based media or audio description of the prerecorded video content is provided for synchronized media, except when the media is a media alternative for text and is clearly labeled as such.

WCAG 2.0 Level AA 1.2.5 Audio Description (Prerecorded): Audio description provided for all prerecorded video content in synchronized media.

How can we meet WCAG 2.0 Level AA SC 1.2.5?

There are many ways.

Q: Do all videos need to be described? A: No! Some videos are accessible by audio alone. Be proactive when creating video Lecturers should describe all visual content If multiple speakers, have them introduce themselves

Public Videos 57 known UW-affiliated YouTube channels Over 7,000 videos Nearly 2,500 hours of programming At least 18 videos with over 100,000 views Cost to caption (@ $2/min) = $300,000 Cost to describe (@ $10/min) = $1.5 Million

Lecture Capture As of Fall 2016: 58,370 videos in our system 9,914 videos (over 6 million minutes) viewed Cost to caption (@ $2/min) = $12 million Cost to describe (@ $10/min) = $60 million

Why Making Accessible Video Isn't an Undue Burden Cost of Producing a 10-minute documentary-style video: $10,000 Cost to caption (@ $2/min) = $20 (0.2%) Cost to describe (@ $10/min) = $100 (1%)

Which videos are the highest priority? As with captioning, need to prioritize Videos that are required viewing for students who need description (an accommodation) Videos that are likely to be required viewing for students who need description Videos that: Are popular Provide critical content Discuss Demo 1 again; show Demos 2 & 3

YTCA can help with prioritizing. Show Demo 4 https://github.com/terrill/ytca

To describe or not to describe. That is the question.

Which method should we use? "How to Meet 1.2.5" Sufficient Techniques Provide a second, user-selectable, audio track that includes audio descriptions Provide a version of a movie with audio descriptions Advisory Techniques Use the <track> element to provide audio descriptions (advisory = "based on technology that is not yet stable")

Which method should we use? (continued) If dramatic work: Outsource for human-narrated description Else if need for description is minimal and simple: If media player supports <track>: Do It Yourself! Else: Outsource for human-narrated description OR text-to-speech

Which vendors provide human-narrated description? "Services Involved with Audio Description" http://www.acb.org/adp/services.html List of 75+ providers In Spring 2017, narrowed the list to 18 providers that seemed to provide relevant services, contacted each by email or web form Prices vary significantly, based in part on complexity of the description ($12 - $75/min.) Turnaround: 24 hours – 6 weeks Final list: 6 providers http://uw.edu/accessibility/videos

Which vendors provide text-to-speech description? 3PlayMedia Automatic Sync (in beta through December 2017)

Is "extended audio description" required? 1.2.7 Extended Audio Description (Prerecorded): Where pauses in foreground audio are insufficient to allow audio descriptions to convey the sense of the video, extended audio description is provided for all prerecorded video content in synchronized media. (Level AAA) Show 3PlayMedia Toddler description (local), then Demos 5 and 6

If using 3PlayMedia, which voices/speeds are best? Research: Three students who use description Watched 9 versions of two short videos Voices: Michael, Allison, Kate (British) Speeds: Slow, Medium, Fast Watched 7 additional videos, described with various settings Results: Male/female voice should be distinct from voice of speaker(s) in video Slight preference for Medium Michael Slight tendency to dislike the fast voices, especially Fast Kate.

How can we deliver a "described version"? Add a link: "Available with audio description" Use Able Player https://ableplayer.github.io/ableplayer Free, open source, HTML5 media player Fully accessible player controls Supports multiple versions of a video (described vs non-described); user can toggle using "Description" button

Multiple versions in Able Player <video data-able-player> <source type="video/mp4" src="path_to_video.mp4" data-desc-src="path_to_described_video.mp4"/> </video>

Multiple YouTube versions in Able Player <video data-able-player data-youtube-id="xxx" data-youtube-desc-id="yyy"> </video> Show Demo 7

How can we deliver a "second audio track"? JW Player Video.js Oz Player

JW Player Prior to version 6: "Audio Description Plugin" Played an Mp3 in sync with video Included optional "ducking" feature that lowered program audio when description audio was playing Version 6 and higher: Supports multiple audio tracks for a single video via HTTP Live Streaming (HLSV4) Not yet supported in all browsers Unsupported browsers require Flash fallback

Video.js Supports multiple audio files per video with a plug-in: https://github.com/sprice/videojs-audio-tracks Uses HTTP Live Streaming Not yet supported in all browsers

Oz Player Audio description via a separate audio file Toggled on/off via an AD button Works across all browsers https://www.accessibilityoz.com/ozplayer/

The HTML5 <track> element

The <track> element <video src="myvideo.mp4"> <track kind="captions" src="mycaps.vtt"> <track kind="descriptions" src="mydesc.vtt"> </video>

A closer look at <track> kind - The type of text track src - Address of the source file srclang - Language of the text track label - User-visible label <track kind="descriptions" src="mydesc.vtt" srclang="en" label="Audio description (English)">

Different kinds of <track> captions subtitles descriptions chapters metadata

WebVTT Format Stands for "Web Video Text Tracks" https://w3c.github.io/webvtt/ WEBVTT 00:00:00.000 --> 00:00:02.000 Michael Young, President, University of Washington 00:00:40.000 --> 00:00:44.000 Tracy Mitrano, Director of IT Policy, Cornell University 00:01:22.000 --> 00:01:32.000 Edward Ray, President, Oregon State University

Able Player supports <track> Full support for all HTML <track> elements (captions, subtitles, descriptions, chapters, & metadata) Chapters, captions, & descriptions are automatically assembled into an interactive transcript Supports description tracks by exposing description text in an ARIA live region at appropriate times during playback Optional feature (enabled in preferences): Pause video during audio description Show Demo 7 again, use Preferences to use TTS description

Chrome used to support <track> Two extensions released by Google Accessibility: HTML5 Audio Description (via Screen Reader) HTML5 Audio Description (via Text-to-Speech) Screen reader version: Inserts a <div> into page with role="alert" Adds to <title>: ". has audio described video" No longer supported Last updated in 2012 Dependent on “Enable <track> element” experiment in chrome://flags/ (which no longer exists)

How can we create our own WebVTT description track? Simply use your favorite text editor (e.g., Notepad) Use any captioning tool Amara.org Dotsub.com NCAM Caption and Description Editing Tool (CADET) http://ncamftp.wgbh.org/cadet/

Captioning Tool Example Shown: Amara.org

Another DIY Option: YouDescribe Enables DIY crowd-sourcing of YouTube descriptions Describers can record audio clips via the website and sync them with the video Descriptions can be "inline" or "extended" Viewers can control volume of description independently of program audio https://youdescribe.org

Developing In-house Capacity for Producing Audio Description Training: http://www.acb.org/adp/education.html DCMP Description Key: http://www.descriptionkey.org/

Questions?