html5-img
1 / 38

Accessible Video in Two Parts

Accessible Video in Two Parts. Terrill Thompson Techology Accessibility Specialist University of Washington tft@ uw.edu http://staff.washington.edu/tft http:// terrillthompson.com. Agenda. Part 2: Making the Case Exploring enterprise-wide strategies for making video accessible.

treva
Download Presentation

Accessible Video in Two Parts

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Accessible Video in Two Parts Terrill Thompson Techology Accessibility Specialist University of Washington tft@uw.edu http://staff.washington.edu/tft http://terrillthompson.com

  2. Agenda Part 2: Making the Case • Exploring enterprise-wide strategies for making video accessible Part 1: Nuts and Bolts • Closed captions • Description • Accessible media players

  3. Part 1

  4. Approaches to Captioning • Let machines do it for you • Hire a captioning vendor • Recruit and manage volunteers (crowdsourcing) • Do it yourself! (DIY)

  5. Free or Cheap Captioning Tools • MAGpie (Windows) • http://ncam.wgbh.org/invent_build/web_multimedia/tools-guidelines/magpie • Subtitle Workshop (Windows) • http://www.urusoft.net/products.php?cat=sw&lang=1 • Movie Captioner (Mac & Windows; not free) • http://www.synchrimedia.com/

  6. More Free or Cheap Captioning Tools • CapScribe • from U of Toronto • also supports audio description • http://cnice.idrc.ocad.ca/tools.php

  7. Free Online Captioning Tools • Amara (formerly Universal Subtitles) • http://amara.org • DotSub • http://dotsub.com • Subtitle Horse • http://subtitle-horse.com • CaptionTube • http://captiontube.appspot.com

  8. The Closed Captioning Process • Transcribe video into caption-sized segments • Use a captioning tool to timestamp the transcript • Save to an output file that is appropriate for your media type

  9. Flavors of Closed Captions • SubRip – SRT file, very simple and widely supported • Timed Text Markup Language (TTML) – A W3C standard • WebVTT – The preferred format for HTML5 • And many more…

  10. supports video accessibility <video src="myvideo.mp4"> </video>

  11. supports captions <video controls> <source src="myvideo.mp4" type="video/mp4"> <source src="myvideo.webm" type="video/webm"> <track kind="captions" src="mycaptions.vtt" default> </video>

  12. Description, a.k.a. • Audio description • Video description • Described video • Descriptive narration

  13. What is Description? • A separate narrative track, for people who can’t see critical visual content • Can be avoided by assuring that all important information is communicated visually and audibly

  14. Types of Description(in descending order by quality/cost) • Recorded audio, remixed into video production • Recorded audio as a separate audio file, synched with video by the media player • WebVTT text-based description, read by assistive technologies during playback

  15. DIY Text-based Description • Use a captioning tool to compose description text and synch it with the video • Insert brief descriptions during periods when there is no competing audio content • Allow enough time for a screen reader to read the description (your best estimate) • Include all on-screen text • Include succinct descriptions of any visual information that is integral to the communication • Export to WebVTT for (theoretical) use in HTML5 video player

  16. supports description too! <video controls> <source src="myvideo.mp4" type="video/mp4"> <source src="myvideo.webm" type="video/webm"> <track kind="captions" src="mycaptions.vtt" default> <track kind="descriptions" src="mydesc.vtt"> </video>

  17. Hiring Vendors • Captioning Service Vendors • http://www.dcmp.org/ai/10/ • Description Service Vendors • http://www.dcmp.org/ai/179/ Source for both: Described and Captioned Media Program (DCMP)

  18. Media Player Considerations • Does it support closed captions? • Are controls accessible by keyboard? • Are controls properly labeled for screen reader users? • Does it support closed text-based description? • Does it include an Application Program Interface (API) so you can extend its functionality (e.g., with video search or an interactive transcript)?

  19. Internet Explorer 10 has good support for accessibility

  20. Universal Media Player (UMP)

  21. UMP Features • Support for closed captions • Support for closed text-based description • Support for description via swapping to an alternative video source • Fully accessible player controls • A fallback player (JW Player) that looks and behaves exactly like the main player • Ability to search videos using their captions • An interactive transcript (assembled using captions and description) • Controllable with hot keys from anywhere on the page • Customizable via Settings button

  22. Video Search

  23. Interactive Transcript

  24. Customizable

  25. More on DO-IT Video and UMP • Our website: • http://uw.edu/doit/video • The open source Universal Media Player (UMP): • Coming soon • Watch http://terrillthompson.com/blog

  26. Part 2

  27. Agenda Part 2: Making the Case • Exploring enterprise-wide strategies for making video accessible Part 1: Nuts and Bolts • Closed captions • Description • Accessible media players

  28. Making the case: Who benefits from accessible video? • People who are unable to hear the audio • People who are unable to see the video • People who are unable to use a mouse • People with cognitive disabilities

  29. Making the case: Who else benefits from accessible video? • People whose first language is not the one spoken in the video • People who don't understand the language of the video at all • People who have low Internet bandwidth • People who need to search for particular video content • People who are busy

  30. Video search is here Example from MIT OpenCourseware: http://interactive.3playmedia.com/mitocw/

  31. Video translation is here Example is from youtube.com

  32. Interactive transcripts are here

  33. Captioned video supports research Example is from http://www.aljazeera.com/indepth/interactive/

  34. We want all videos to be captioned Percent of a university's video accessibility barriers removed by captioning one academic course as an individual accommodation

  35. How do we get there?

  36. Various Models • Make it affordable • Negotiate a great price with a vendor • Make it easy • Simple web portal for getting and receiving captioned media • Crowdsourcing? • Academic credit or work study for students • Worthwhile project for alumni & other volunteers • Develop an in-house service

  37. TEDTalks: A Crowdsourcing Success Story • 43,490 translations • 101 languages • 9915 volunteer translators

  38. Inspiring People to Use What you Build • Evangelize – talk about the benefits • Persuade your institution to embrace and implement the benefits (search, translation, interactive transcripts, etc.) • Create a culture where anyone who is not captioning their video is square • Institutional policy: All video must be accessible

More Related