Pilot Deployment of HTML5 Video Descriptions

Similar documents
Collaborative Web Accessibility Improvement System: A Real-World Deployment

The Practical Side of Teaching the Elderly Visually Impaired Users to Use the

Accessibility Center,IBM Japan

Using this tutorial, you will create a Web page for a fictional foundation. The tutorial is divided into the following parts:

Visualizing the Accessibility of HTML Tables for Web Page Developers

This is an oral history interview conducted on. October 30, 2003, with IBM researcher Chieko Asakawa and IBM

Foundation Level Syllabus Usability Tester Sample Exam

Electronic Resources. developing a more accessible library? 6. What funding options does the library have for acquiring adaptive technology?

Media Player Accessibility: Summary of Insights from Interviews & Focus Groups

Web-Accessibility Tutorials 1 Development and Evaluation of Web-Accessibility Tutorials

Universal Design for Learning Tips

Section 508 Annual Report

Today. Web Accessibility. No class next week. Spring Break

EqTD AUDIT Manual. (Equivalent Text Descriptions Accessibility and Universal Design Information Tool)

Assignment 3: Multimedia Proposal

Stakeholder consultation process and online consultation platform

Digital Media IB DESCRIPTION. EXAM INFORMATION Items

Adobe Captivate 9 Voluntary Product Accessibility Template

WEB-BASED TRAINING COURSES

FUNCTIONAL BEST PRACTICES ORACLE USER PRODUCTIVITY KIT

WebAIM's Screen Reader, Motor, Low Vision, and Web Accessibility Practitioner Surveys. Jared webaim.org

CPSC 444 Project Milestone III: Prototyping & Experiment Design Feb 6, 2018

Table of contents. TOOLKIT for Making Written Material Clear and Effective

An introduction to screen readers

What is Accessibility

Guide for Creating Accessible Content in D2L. Office of Distance Education. J u n e 2 1, P a g e 0 27

Voluntary Product Accessibility Template (VPAT)

ACTF Visualization Engines and Alternative Interface Components. Kentarou Fukuda, IBM

4 rd class Department of Network College of IT- University of Babylon

Voluntary Product Accessibility Template (VPAT)

Usable Web-based Calendaring for Blind Users

Version 2.6. SurVo Advanced User s Guide

Hoonuit Voluntary Product Accessibility Template (VPAT)

SurVo. Stepping Through the Basics. Version 2.0

Voluntary Product Accessibility Template

STRANDS AND STANDARDS DIGITAL MEDIA 1B

Welcome to The Villages Computer Plus. Fred Benson Presenting All About YouTube Details.

1D CIW: Web Design Specialist. Course Outline. CIW: Web Design Specialist Apr 2018

The 24 Languages Audio Files Project. See and Hear Health information in Multiple Languages

Test Delivery System. Modular Previewing System User Guide Published October 17, Prepared by the American Institutes for Research

.LRN - Lors & Assesments Packages: Accessibility inspection 20th April Olga Revilla Muñoz

Voluntary Product Accessibility Template (VPAT)

Voluntary Product Accessibility Template (VPAT)

Criterion C: Project schedule

The IDN Variant TLD Program: Updated Program Plan 23 August 2012

Summary Table VPAT. Voluntary Product Accessibility Template. Supporting Features. Not Applicable. Level of support varies by individual requirement

Section 508 of the Rehabilitation Act: Voluntary Product Accessibility Template (VPAT)

VPAT. Voluntary Product Accessibility Template. Version 1.4

JLPT Frequently Asked Questions

VPAT. Voluntary Product Accessibility Template. Version 1.4

ispring Suite 8. The all-in-one development tool that every e-learner must have

Panopto 5.4 Release Notes

Introduction to the Learning Environment v8.3.0

PUBLISHING FLASH. Lesson Overview

Logging in to take the test

Feel the touch. touchscreen interfaces for visually impaired users. 21 November 2016, Pisa. 617AA Tecnologie assistive per la didattica

31: Internet Audio Products (3/3)

Blogging at

ShowNTell - An easy-to-use tool for answering students questions with voiceover

Voluntary Product Accessibility Template (VPAT)

Web Content Accessibility Guidelines (WCAG) Whitepaper

Moodle Documentation for Students (v.3.4)

Reference Manual ACTIV 1.0

New Media Production week 3

VPAT. Voluntary Product Accessibility Template

APPENDIX G: Biennial Exhibition Device Survey Questions

Designing for Multimedia

System Requirements for Online Testing

Adobe Captivate 7 Voluntary Product Accessibility Template

Voluntary Product Evaluation Template (VPAT)

Tema 0: Transmisión de Datos Multimedia

Operating System Support Plan for Test Delivery System

APPENDIX A: SUGGESTED LANGUAGE GUIDE. Not Applicable

Development of a Mobile Observation Support System for Students: FishWatchr Mini

Enhancing applications with Cognitive APIs IBM Corporation

IPEX The next version

THE IMPLEMENTATION OF CUVOICEBROWSER, A VOICE WEB NAVIGATION TOOL FOR THE DISABLED THAIS

Date exported: 3/26/ :20:35 PM

Blackboard Collaborate for Students

Summary Table Voluntary Product Accessibility Template

1/21/2011 Section 508 Conformance Audit Voluntary Product Accessibility Template

Smore s Accessibility Conformance Report VPAT Version 2.1 March 2018

MATERIALS AND INFORMATION NEEDED: To assess the accessibility of your website you will need:

Effects of Feedback on Eye Typing with a Short Dwell Time

Sample Report Failures by group

Box for iphone and ipad application - Section Web-based Intranet Information and Applications Level of Support and Supporting Features

VPAT. Voluntary Product Accessibility Template

Guide to accessibility for students

Test Drive Virtual Classroom Technologies

State of Colorado. ADA IT Accessibility Standards For the Blind and Visually Impaired

Identifying the Skills and Team Members Needed to Support Synchronous Online Sessions and Webinars

CURRICULUM VITAE. Strengths

GoREACT Instructor FAQs

CIW: Web Design Specialist. Course Outline. CIW: Web Design Specialist. ( Add-On ) 16 Sep 2018

System Requirements for Online Testing

Networking Applications

The CPA Exam and Requirements. Adapted and modified from material originally created by David Reinus.

Oracle Voluntary Product Accessibility Template

Accessibility Interview Questions:

TECHSMITH RELAY Santa Ana College Distance Education, Cesar Chavez Building Room A-101, (714) ,

Transcription:

CSUN 2012 29 Feb 2012 13:50-14:20 Pilot Deployment of HTML5 Video Descriptions Masatomo Kobayashi Hironobu Takagi Kentarou Fukuda Reiko Nagatsuma (IBM Research Tokyo)

Video Accessibility Status in Japan Captions Audio Descriptions *1 Internet 5.0% 0.0% Movies 12.0% 0.9% *2 TV (Private) 43.8% 0.6% *3 *3 TV (Public) 56.2% 5.9% *1:Our informal survey (2009) *2:Media Access Support Center (2008) *3:Ministry of Internal Affair and Communication (2010) 2 Pilot Deployment of HTML5 Video Descriptions

Problems: Workload, Skills and Cost Captions Audio Descriptions Cost Recording Narrating calls for an experienced narrator and recording equipments Transcribing Describing Scriptwriting calls for a special expertise to better describe the scenes 3 Pilot Deployment of HTML5 Video Descriptions

Approach: Text-to-Speech 4 Pilot Deployment of HTML5 Video Descriptions

Problems: Workload, Skills and Cost Captions Audio Descriptions Cost Recording Speech synthesis reduce the cost Transcribing Describing 5 Pilot Deployment of HTML5 Video Descriptions

Advantage of Text-to-Speech No recording Previewing the results Voice quality Standard TTS Long-tail Human 6 Pilot Deployment of HTML5 Video Descriptions

Long-tail Videos $100,000,000 Hollywood Possible Cost TV programs Internet Videos $0 Video Contents 7 Pilot Deployment of HTML5 Video Descriptions

Project History Feasibility Studies Online survey (U.S., Feb 2011; with WGBH) F2F survey (Japan, Feb 2011) F2F survey (Japan, Nov 2010) Focus group sessions (U.S., Mar 2010; with WGBH) Online survey (U.S., Mar 2010; with WGBH) In-depth studies (Japan, Feb 2010) F2F survey (Japan, Nov 2009) Informal interviews (Japan, Sep 2009) Tool Development To be updated (March 2012) Updated (October 2011) User evaluation (Japan, Mar 2011) Professional evaluation (July-August 2010) Open-sourced (v0.1.0 Apr 2010) User evaluation (Japan, Mar 2010) Development started (Sep 2009) * The results of 2009-2010 studies are reported in: Kobayashi, M., O'Connell, T., Gould, B., Takagi, H., and Asakawa, C. Are Synthesized Video Descriptions Acceptable? In Proceedings of ASSETS '10, ACM, October 2010, 163-170. 8 Pilot Deployment of HTML5 Video Descriptions

Feasibility Study Results 9 Pilot Deployment of HTML5 Video Descriptions

Feasibility Study Results [1/3] Synthesized audio descriptions are acceptable 100% 80% 60% 40% 20% 0% How was the listening experience? Education Education Information Information Entertainment Online survey in the U.S. (Mar 2010) 236 respondents Comfortable Acceptable Neutral Slightly uncomfortable Uncomfortable F2F survey in Japan (Nov 2010) 120 respondents 10 Pilot Deployment of HTML5 Video Descriptions

Feasibility Study Results [2/3] Extended descriptions improve the comprehension Comprehension Rates Comprehension Rate 100% 80% 60% 40% 20% 0% 30% In-depth study in Japan (Feb 2010) 24 participants Normal Extended 1 2 Number of Listening * Extended descriptions: pause the playback for presenting a long description 11 Pilot Deployment of HTML5 Video Descriptions

Feasibility Study Results [3/3] Novices can describe a video (if extended descriptions are allowed) 5 4 Subjective Effectiveness Score 3 2 1 Novice (Normal) Novice (Extended) Expert (Normal) Expert (Extended) In-depth study in Japan (Feb 2010) 24 participants 12 Pilot Deployment of HTML5 Video Descriptions

Authoring Tool 13 Pilot Deployment of HTML5 Video Descriptions

Authoring Tool Script Editor http://www.eclipse.org/actf/downloads/tools/scripteditor/ ACTF Script Editor Search 14 Pilot Deployment of HTML5 Video Descriptions

Use in practice 15 Pilot Deployment of HTML5 Video Descriptions

Hiroshima City www.hiroshima-navi.or.jp 16 Pilot Deployment of HTML5 Video Descriptions

Hiroshima Movie Channel Videos for culture introduction, public announcement, etc. 17 Pilot Deployment of HTML5 Video Descriptions

Target Videos # Content Language Length 1 Sightseeing Guide English 4 m 06 s 2 Sightseeing Guide Japanese 4 m 18 s 3 Report (Educational Event) Japanese 2 m 09 s 4 Culture (Seafood) Japanese 5 m 21 s 5 Culture (Japanese Pickles) Japanese 4 m 22 s 6 Culture (Craftwork) Japanese 4 m 43 s 7 Culture (Food) Japanese 4 m 54 s 8 Culture (Food ) Japanese 3 m 56 s 9 Culture (Japanese Sake) Japanese 1 m 18 s 18 Pilot Deployment of HTML5 Video Descriptions

Who Describes Videos? Quality Cost Scalability Video Creator Medium Low Low Professional Describer High High Low External Volunteers Medium Low High 19 Pilot Deployment of HTML5 Video Descriptions

Describing Videos 15 adult volunteers described videos using Script Editor 20 Pilot Deployment of HTML5 Video Descriptions

Assessments by Volunteers Difficulties Subjective difficulties for each subtask Easy Normal Difficult Decide timings Write text Preview Revise timings Revise text Final check 0% 20% 40% 60% 80% 100% 21 Pilot Deployment of HTML5 Video Descriptions

Opinions of Volunteers What will encourage your volunteer work? User feedback will motivate me to describe videos: 100% (14/14) Wants to compare my descriptions with others work: 79% (11/14) Wants my descriptions to be corrected by experts: 71% (10/14) Wants to describe videos at home: 64% ( 9/14) 22 Pilot Deployment of HTML5 Video Descriptions

Steps towards Delivery 1. Make audio descriptions 2. Review descriptions (People with visual impairments) Volunteers Expert users 4. Uploads described videos 3. Revises descriptions Hiroshima City Expert describer 23 Pilot Deployment of HTML5 Video Descriptions

How to deliver 24 Pilot Deployment of HTML5 Video Descriptions

HTML5 Media Elements HTML5 supports text-based audio descriptions Not Implemented Yet HTML5 supports synchronized audio tracks Not Implemented Yet Text-based Synchronized <video src="foo.ogv"> <track kind="descriptions" src= bar.vtt"... </video> <video src="foo.ogv" mediagroup="baz"> : <audio src="bar.oga" mediagroup="baz"> http://dev.w3.org/html5/spec/media-elements.html 25 Pilot Deployment of HTML5 Video Descriptions

Text Format (WebVTT and TTML) WebVTT TTML Expected to be a primary format for HTML5 Easy to extend to support extended descriptions, etc. 26 Pilot Deployment of HTML5 Video Descriptions

Delivery Methods Text Track + Client-side Syntheses One video One text Quality Medium Network Load Low Flexibility High or Low Text Track + Pre-recorded Syntheses One video Text + audio fragments High High Medium Synchronized Audio Track One video One audio High High Low * No extended descriptions 27 Pilot Deployment of HTML5 Video Descriptions

HTML5 Video Player in Practice 3 JavaScript layers IE 6+ Firefox 4+ vd-player.js Supports extended descriptions and pre-recorded audio fragments and provides playback control buttons vd-compat.js Fills the gap between the HTML5 spec and the implementation of the latest Firefox vd-compat-ie.js Fills the gap in implementations between the latest Firefox and old Internet Explorers (IE 8 or older) 28 Pilot Deployment of HTML5 Video Descriptions

Pilot Deployment Announced to a local community of people with visual impairments http://www.city.hiroshima.lg.jp/riyou/movie/ (in Japanese) http://www.city.hiroshima.lg.jp/riyou/movie/hiroshima_tourism.html (client-side TTS) http://www.city.hiroshima.lg.jp/riyou/movie/hiroshima_tourism_p.html (pre-recorded) * experimental pages: subject to change See also: WGBH NCAM s experiment with HTML5 text-based audio descriptions: http://ncamftp.wgbh.org/ibm/dvs/ 29 Pilot Deployment of HTML5 Video Descriptions

User Feedback Helpful or Uncomfortable? 11 respondents (8 used pre-recorded only, 3 used both) Neutral: 2 Helpful? Uncomfortable? Neutral: 2 No: 1 Yes: 8 No: 4 Yes: 5 Generally helpful for understanding videos Sometimes uncomfortable Needs a brief or explicit switch 30 Pilot Deployment of HTML5 Video Descriptions

User Feedback Easy to Control? 11 respondents (8 used pre-recorded only, 3 used both) Client-side TTS Pre-recorded No: 1 Easy: 3 Neutral: 3 Yes: 7 Both client-side TTS and pre-recorded were easy to control 31 Pilot Deployment of HTML5 Video Descriptions

User Feedback Other Comments [Screen Reader vs Pre-recorded] Screen reader: 2 Pre-recorded: 1 [Novice Describers] Some redundant or inconsistent descriptions Generally sufficient and helpful [Description Placement] People with low vision preferred descriptions strictly synchronized with visual events on the screen People who are blind requested descriptions during a sufficient pause of original narrations 32 Pilot Deployment of HTML5 Video Descriptions

User Feedback Other Comments [Description Voice] TTS (female) voice was sometimes confusing for videos originally narrated by a female [Volume Control] Volume up/down operations were confusing (changes video's or descriptions' volume?) [Shortcut Keys] Shortcut keys were helpful Some keys were conflicted with keys used by some screen readers 33 Pilot Deployment of HTML5 Video Descriptions

Summary Tested HTML5 videos with text-based descriptions in a practical context On the HTML5 spec, text-based descriptions are easy to add Some extra features are necessary to make better descriptions - extensions of browsers, extensions of text formats, JavaScript,... - extended descriptions, pre-recorded audio fragments,... By the end of March: The city s HTML5 video pages are planed to be publicly announced The updated Script Editor and player scripts are planed to be released 34 Pilot Deployment of HTML5 Video Descriptions

Acknowledgements Hiroshima City Voice Information Center (Volunteer Circle @ Hiroshima) WGBH - NCAM All participants in the experiments * This research is partly funded by National Institute of Information and Communications Technology (NICT), Japan 35 Pilot Deployment of HTML5 Video Descriptions

Contact Masatomo Kobayashi IBM Research Tokyo mstm@jp.ibm.com http://www.research.ibm.com/trl/people/mstm/ 36 Pilot Deployment of HTML5 Video Descriptions