10 Tips for Implementing Accessible Online Media

1
10 Tips for Implementing Accessible
Online Media
Janet Sylvia
Web Accessibility Trainer
www.3playmedia.com
twitter: @3playmedia
live tweet: #a11y
 Type questions in the window during the presentation
 Recording of presentation will be available for replay
 To view live captions, please click the link in the chat window
Lily Bond
3Play Media
Director of Marketing
lily@3playmedia.com

OLC Workshops of Interest to You
• Special discounts available for OLC Members!
April 13 – 15, 2016 - Designing with Accessibility in Mind – 3 Day Workshop
http://onlinelearningconsortium.org/learn/workshops

 Introduction to Accessible Online Media
 10Tips for Implementing Accessible Online Media
 5Tips for Administrators and Policy Makers
 5Tips for Media Creators

 “ Accessible means a person with a disability is afforded the
opportunity
▪ to acquire the same information,
▪ engage in the same interactions, and
▪ enjoy the same services as a person without a disability
▪ in an equally effective and equally integrated manner,
▪ with substantially equivalent ease of use.
 The person with a disability must be able to obtain the
information as fully, equally and independently as a person
without a disability.”
Settlement Agreements, US Dept of Education

 MediaTypes
 Audio-only
▪ Podcast
▪ Lecture Series
▪ Public Service Announcements
 Video-only
▪ VideoTutorial
 Audio andVideo
▪ Audio-narrated PowerPoint
▪ Streaming Video
▪ Lecture Capture

 MediaTypes
 Audio-only
▪ Podcast
▪ Lecture Series
▪ Public Service Announcements
 Video-only
▪ VideoTutorial
 Audio andVideo
▪ Audio-narrated PowerPoint
▪ Streaming Video
▪ Lecture Capture
 DisabilityTypes
 Hearing
 Visual
 Motor
 Cognitive

 Audio only
 TextTranscript (of spoken word)
 Video only
 Video Description (of key visual elements)
 Text
 Audio andVideo
 Closed Captions
 TextTranscript andVideo Description (i.e. Descriptive TextTranscript)
▪ Or Audio Description
 Accessible Media Player

 Everyone involved in design, development and delivery of
online media, including:
 Administrators
 Digital Media Developers
 Faculty and Instructors
 Instructional Designers
 TechnologyTeams
 Procurement Personnel
 Website Developers
 etc.

10 Tips for Implementing Accessible Online Media

 Civil Rights Legislation
 Americans with DisabilitiesAct (ADA)
 21st Century Communications andVideo AccessibilityAct (CVAA)
 Section 504 of Rehabilitation Act
 Standards and Guidelines
 FCC Quality Requirements
 Section 508 Standards
 Web Content Accessibility Guidelines (WCAG) 2.0
 Laws of your home state, province, territory, country

 National Assoc of the Deaf (NAD) vs. Harvard, and MIT (2015)
 Failed to provide captioning, accurate captions and text transcripts
 Note: content housed on both internal and external sites
 NAD vs. Netflix (2010)
 Inaccessible video
 Note: Settlement states Netflix qualifies as a place of public
accommodation (internet) even though no physical structure

 Goals andTargets
 Standards for Compliance
 Scope: Websites, Online Courses, Internal and External Servers
 Who is Responsible
 Monitoring
 Delivery Milestones
 Accessibility Contacts
 Implementation Plan
 Available to all personnel

 Consistent Across Organization
 Knowledgeable about Accessibility Policy
 Policy Distribution Campus-wide
 Support forWho is Responsible
 Budget and Resource Allocation

 Captioning andTranscription Services
 Training for Who is Responsible
 Funding Options (may include)
 Line item on Department Budget
 Database of Accessible Online Media
 Fellows Program Stipend
 Grants for Captioning Costs
 Line item on Grant-funded Projects
 Personnel Hours
 Procurement Bids to Secure Best Rates
 Purchase Captioned Video

 Need
 Accommodation request
 Required by individuals with disabilities
 Mission critical
 Content
 Video best format for content delivery
 Video quality worth time and expense
 Audience: high enrollment or limited audience
 Access
 Production date
 Date of last access
 Most recently accessed
 Most frequently accessed
 Lifespan of video

1. Choose an Accessible Media Player
18

19
Ideally, an accessible media player should provide the ability
to:
• Add closed captions
• Add transcripts & video description (i.e., descriptive
text transcripts)
• Add audio description tracks
• Support a sign language track (*Level AAA)
Further, it should:
• Have full functionality using a keyboard
• Have sufficient color contrast
• Allow the user to customize the player
What Should It Have?

Players with Accessibility Support
20
This is not an exhaustive list; instead, it is a list of players
providing accessibility support and working to improve the
accessibility of their players.
Able Player
JW Player
Video.js (Brightcove)
YouTube (HTML5 Version)
Kaltura
Mediasite
BBC iPlayer
PayPal
OzPlayer
Acorn Player

Other Accessibility Features to Consider
22
• Integrations with vendors
• Search plugins
• HTML5 vs Flash (Consider this w/ YouTube embeds)
• Tab index order
• Positioning of captions to not obscure content on the
screen

2. Challenges & Solutions for
Inaccessible Players
23

Challenge | Captions
• Challenge: Video player does not provide the ability to
add a captions track
• Solution 1: Open captions
• Solution 2: Interactive Transcript
• Solution 3: Publish the video in 2 places so that people
who need captions can view them (i.e., a privately
listed YouTube video w/ an SRT or WebVTT track)
24

Challenge | Text Transcripts/Description
add a text transcript or text video description
• Solution 1: Paste the transcript on the page hosting the
video
• Solution 2: Link to the transcript from the video
description, video page, or course page
• *Note: “SHOW MORE” link in YouTube description is
not accessible to screen readers. Place link to
transcript at the top of your description.
25

Side Bar: What does that look like?
• Video description included in a text transcript:
26

Challenge | Audio Description Track
add a video/audio description track.
• Solution 1: Paste or link to a text video description
• Solution 2: Include video description in the transcript
• Solution 3: Have the speaker in the video verbalize a
description of what they are doing/any visually
relevant information when the video is recorded
• Solution 4: Publish a second version using a free
player that supports audio description by request
27

Challenge | Sign Language*
• Challenge: Video player does not support a sign
language track (*Level AAA)
• Solution: Record sign language video to play side-by-
side by request
• Solution: Publish a second version of the video on a
free player that does support sign language (like Able
Player) by request
28

Challenge | Keyboard Controls
• Challenge: Video player requires use of a mouse
• Solution: Publish a keyboard accessible version of the
video using free, open-source video players like JW,
YouTube, HTML5, or Able Player (by request).
29

Challenge | Auto Play
• Challenge: Mobile/social
video
• Solution: Publish video
with open captions! If
you’re using Facebook,
just add an SRT file &
automatically play the
video with captions.
• Bonus: it’ll be accessible
to everyone!
30

Challenge | Automatic Captions
• Challenge: Video plays with automatic captions, isn’t
that enough?
31
• Solution: NO!!
Edit them or
upload
accurate
captions! Think
about Harvard
& MIT!

3. Develop a Manageable DIY Process
32

Consider Accessibility Before Recording
33
• Verbally describe visual elements whenever possible
• Read from a script
• Use a high quality microphone
• Remember that narrated PowerPoint presentations
need captions, too!

Use YouTube for Captioning
34
YouTube provides a great starting point for captioning
• Create transcript and set
timings, then download SRT
file for use in other video
platforms
• Upload video to YouTube and
download SRT file of
automatic captions to edit

Consider In-House and Outsourcing
35
Having a vendor on hand can be valuable. Consider:
• DIY for short files and longer turnaround
• Outsourcing urgent files and long files

Quality Standards
36
Make sure your student workers, staff, (and vendors) are
held to high quality standards.
• Training students in best practices is critical
• Consistency between workers is built by developing a
set of standards
• Grammar & punctuation are not to be ignored

4. Build Accessibility into Your Workflow
37

38
Accessibility should never be a final consideration!
• Think about accessibility beforehand
• Many tips from the DIY section apply!
• Verbalize descriptions in video whenever possible
• Use a high quality microphone
• Read from a script
• Leave time for captioning & transcription!
• (It takes 5-6x real time, plus time for a quality review)
• Test, test, test!

39
If you’re using a vendor:
• Make sure you’re getting the most out of it! Talk to them!
• Integrations automate the workflow
• If you have a strong IT team, consider developing a
custom automated workflow via APIs
• Ask what extra tools they provide (search, editor, cheat
sheets, etc.)
• How do they ensure quality? Remember, you’re at risk,
not them!

5. Captioning Videos You Don’t Own
40

41
Captioning vs. Copyright
• Captioning is arguably fair use
• Transformative
• Nature of work
• Amount & substantiality
• Effect on market value
• Teaching & Accessibility are listed as exemplary fair
use in the Copyright Act

42
Captioning vs. Copyright
• The courts are likely to air on the side of accessibility
• However, there is no case law for captions/©
• There is case law for digitizing books
• Possible caveat: DRM
• Take away: Caption it, but make sure legal counsel has
your back!

How to Caption Videos You Don’t Own
43
<script type="text/javascript” src="http://www.youtube.com/iframe_api"></script>
<iframe id="myytplayer" type="text/html" width="580" height="435”
src="http://www.youtube.com/embed/S521VcjhvMA?enablejsapi=1&html5=1"></iframe>
<script
src="http://static.3playmedia.com/p/projects/11666/files/313663/embed.js?plugin=captions&settings=width:580,skin:dark,overlay:
false,searchbar:true&
player_type=youtube&player_id=myytplayer" type="text/javascript"></script>

 5Tips for Administrators and Policy Makers
 1. Legal Requirements
 2. Accessibility Policy
 3. Administrative Buy-in
 4. Budget and Resources
 5. Prioritization Plan
 5Tips for Content Creators
 1. Choose an Accessible Media Player
 2. Challenges and Solutions for Inaccessible Players
 3. Develop Manageable DIY Process
 4. Build Accessibility into Workflow
 5. CaptioningVideosYou Don’t Own

45
Presenters
Janet Sylvia
Web Accessibility Trainer
Lily Bond
3Play Media
Director of Marketing
lily@3playmedia.com
Q&A
Upcoming Webinars:
 Mar 31: The Legal Year in Review: Digital Access
 Mar 10: Quick Start to Captioning
 Mar 17: Quick Start to Video Search
 Apr 7: Road to Corporate Accessibility
You can register for these free webinars at:
www.3playmedia.com/webinars/
Please type your questions into the window in your control panel. A recording of this
webinar will be available for replay.

10 Tips for Implementing Accessible Online Media

More Related Content

What's hot (20)

Viewers also liked (10)

Similar to 10 Tips for Implementing Accessible Online Media (20)

More from 3Play Media (20)

Recently uploaded (20)

10 Tips for Implementing Accessible Online Media