Captioning Considerations for Web-based Media

Slides:



Advertisements
Similar presentations
Fundamentals of Accessible Media What does it look like? Captions StreamedLocal.
Advertisements

Techniques for Creating Accessible, Closed Captioned Web-Based Video California State University - Northridge 21st Annual International Technology and.
Deakin University CRICOS Provider Code: 00113B WEB ACCESSIBILITY Umesh Gupta Consultant – (HRIS)
Developed with material from W3C Web Accessibility Initiative (WAI) IMPORTANT: Instructions Please read carefully the Instructions for.
Part II: Universally-Designed Course Materials Applying the UDL principles.
Chapter Concepts Discuss Fonts Understand Fonts
1 Computing for Todays Lecture 4 Yumei Huo Fall 2006.
Captioning Basics VLC Professional Development Center.
Accessible Video in Two Parts Terrill Thompson Techology Accessibility Specialist University of Washington
Jayme Johnson ◎ AHG 2012 Captioning Web-based Digital Media.
® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ADOBE® ACCESSIBILITY Video Accessibility in Adobe Flash Andrew Kirkpatrick Adobe Systems.
Wikispaces in Education Tutorial Jennifer Carrier Dorman
WEB CONFERENCING ACCESSIBILITY ISSUES Norm & Beth Coombs 1.
Lights, Camera, Caption! Presented by Kaela Parks.
Quality Matters Web Accessibility Standard Amy Kinsel, June 2, 2010.
Designing PowerPoint Slides for Video PowerPoint is a computer application used to produce support materials for delivering instruction.
Go Beyond TV: Captioning and Video Description as Teaching Tools for the DVD and Multimedia Environment OSEP Conference : ET Grants: H327C
Accessibility of online instructional tools and documents Terrill Thompson Technology Accessibility
How To Add Flair To Your Site Maureen Enright, Elyse Kuriata, Nathan Boes, Hodge.
Captioning Considerations Jayme Johnson Director of Accessibility and User Experience Thursday, April 30, 2015 For audio call Toll Free
PowerPoint Basics Tutorial 4: Interactivity & Media PowerPoint can communicate with the outside world by linking to different applications, managing different.
Captioning Basics Beth Case Program Manager for Digital, Emerging, and Assistive Technologies University of Louisville
Welcome to PowerPoint Content:  Create New Slide  Pick a Theme – Design Tab  Formatting text – Home Tab  Adding images, shapes, etc. – Insert Tab.
How to Create Accessible Online Course Content Shivan Mahabir Athanasia (Tania) Kalaitzidis Kevin Korber Danny Villaroel.
Caption This! Update on Section 508 Compliance & Captioning Options September AETC E-Learn Call Caption This! Update on Section 508 Compliance & Captioning.
Accessibility in Online Instruction Terrill Thompson Technology Accessibility Specialist
Accessible Presentations For MS PowerPoint 2013 Presented by: Valerie East.
Institutional Models for Captioning. Institutional Models In-House Production Model.
CREATING ACCESSIBLE MEDIA Joseph Polizzotto Faculty Reports Winter 2016.
Wikispaces in Education Tutorial ESA, Region 2 Mary Teply Marge Hauser.
Introduction to Podcasting. Discuss the steps that someone must take to create a podcast, providing details on what software and hardware you recommend.
MPS Staff Development June 2013 L.Brodeur Windows Live Movie Maker.
Accessibility First! David Kelleher
Tips and Protocols. Why the presentation? Why Caption? Conventions/Guidelines for Captioning Options for Captioning Resources.
Elements of Accessibility in Online Courses Dallas County Community College District Technology Summer Institute June 10, :45-12:45.
September AETC E-Learn Call Caption This! Update on Section 508 Compliance & Captioning Options Mark Urban (U.S. Centers for Disease Control and Prevention)
Emerging Trends in Learning Webinar Series. Presentation Emerging Trends in Learning Webinar Series ADA E-learning Compliance with Lectora 16 Moderator:
Closed Captioning: Your Guide to Technology and Accessibility
Bryan Gould Carl and Ruth Shapiro Family National Center
Making videos accessible – Mandatory guidelines
County Website Content Management System
Online Education and Accessibility for Students with Disabilities
Accessibility in Digital Documentation
Best Practices in Creating Next Generation PDFs
Techniques, Tools and Resources for Making WordPress Website WCAG 2
Community Engagement Web Community Manger (WCM) - Schoolwires
Accessibility with Lectora Inspire 16
September AETC E-Learn Call Caption This
Learning the Basics – Lesson 1
Creating Accessible PDFs from Word Docs
Information Architecture and Design I
Transcription & Captioning
Plan for Teaching Online-Course Accessibility
Creating ADA Compliant Resources
Shawn and Rebeca Who are we?. Accessibility, the final frontier, these are our voyages into best practices...
Universally Designed Course Materials
Microsoft Word - Formatting Pages
Media Player Accessibility: Insights from Interviews and Focus Groups
H1 Title of the Research Study
Information Architecture and Design I
ADA Compliant Website & Documents
Assist. Lecturer Safeen H. Rasool Collage of Science Department of IT
Photostory 3.
Designing with Accessibility in Mind
WISE-PaaS/ SignageCMS
5/17/2019.
Accessible Design Top 10 List
Gene Rodgers & Dave Dauber
Welcome To Microsoft Word 2016
Presentation transcript:

Captioning Considerations for Web-based Media Jayme Johnson Director of Accessibility and User Experience CCC Online Education Initiative

Overview Terms and FAQ’s Technology Requirements Legal Requirements Formatting Captions Captioning Process (Generic) Tools for Captioning Web-based Video Creating Captions with YouTube (DEMO)

My first rule of captioning… If you can pay someone else to do your captioning, then do so! Getting Your Captions: DECT Grant: http://www.canyons.edu/Offices/DistanceLearnin g/Captioning/Pages/default.aspx Purchase captioned media Create your own…

Terms and FAQ’s Captions vs. Subtitles Captions vs. Transcripts Line 21, .scc files, or “Scenarist” Accessible Player Captions as Instructional Technology Transcripts are not good enough YouTube Auto-captioning is unacceptable

Technology requirements Creating Captions A computer/browser that can play YouTube videos Internet connection Digital video Text Transcript (recommended) Playing Captions A computer/browser that can load YouTube videos An accessible player (if not using YouTube)

Legal and Copyright Issues Copyright matters, seek permission Section 508/California 11135 WCAG 2.0 AA FCC: http://www.fcc.gov/guides/captioning- internet-video-programming Chancellor’s Office Legal Opinion M02-22: http://extranet.cccco.edu/Portals/1/Legal/Ops/OpsA rchive/02-22.pdf

Formatting Captions Comprehensive guidelines are available in the Caption Key from: http://www.dcmp.org/captioningkey/ Use two lines. Left-align the two lines. Use 32 characters per line (max). Use Sans Serif Font. Use Upper and Lower case letters. Transcribe Dialogue word-for-word. Ignore nonsense syllables such as “Uh” or “Um”.

Line Division Rules Keep modifier with word it modifies. Keep prepositional phrases together. Keep a person’s name and title together. Break lines before conjunctions (FAN BOYS). Keep auxiliary verb (can, have, will) with the word it modifies. Break captions at the end of a sentence.

Presentation rate Allow a minimum of 1.5 seconds duration for each 32 characters of text. Allow a minimum of two seconds duration to display the last 32 characters of text before “blanking” or removing a caption. Do not display any caption for less than one second. Maximum duration for line of captions should not exceed three seconds (per 32 characters).

Italics Use for voice-over narration. Use for off-screen dialogue, unless entire video is narrated. Dreaming, thinking, etc. Background audio: PA system, intercom announcements, etc. Foreign words should be italicized. Use italics to indicate any kind of emphasis.

Sound Effects Include important sounds. Use descriptions (in brackets) and onomatopoeia. Italicize if off-screen. Use lowercase for describing sound effects. Sustained sounds use the present participle (-ing). Be as precise as possible.

Music Use descriptions that indicate mood. Caption lyrics verbatim. Include name of vocalist/group and song title in brackets. Put musical notes around lyrics (leave space). When no lyrics are available or you can not use them, describe the mood/attitude of the lyrics.

Generic Captioning Process Transcribe audio content. Format the digital text. Determine timing for each line. Save digital caption file. Integrate caption file and video file together for presentation. Deliver video in an accessible video player.

Accessible Video Player Required Captions are not enough Keyboard controllable interface Caption stream being presented as accessible information? Examples: http://terrillthompson.com/ableplayer/ https://www.paypal-engineering.com/2014/09/05/introducing-an-accessible-html5-video-player/

Tools for Captioning Subtitle Horse - http://subtitle-horse.com/ MagPIE - http://ncam.wgbh.org/invent_build/web_multimedia/tools- guidelines/magpie YouTube – http://www.youtube.com Amara – http://www.amara.org

A word about YouTube Video You can only caption your own videos.* YouTube provides robust support for captioning. BEWARE of auto-captions- not adequate! YouTube has other features worth noting. What to do when you don’t own the video… * Amara claims to provide capability to enable other people to caption your videos (crowdsource). This is still under investigation…

Demo Time Let’s do some captioning…

Resources for Further Study Captioning Key: http://www.dcmp.org/captioningkey/ Subtitle Horse: http://subtitle-horse.com/ YouTube Revealed: http://wac.osu.edu/examples/youtube-player- controls/ Caption other people’s YouTube videos: http://amara.org/en/ WebAIM tutorial: http://webaim.org/techniques/captions/

Questions?

Thank You! johnsonjayme@fhda.edu