Making videos accessible – Mandatory guidelines

Slides:



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

ADA Compliant Websites & Documents What the heck am I supposed to do?
Adapting Technology Changing Lives Web accessibility Web accessibility and Disability A Practical introduction Robin Christopherson and Curt Holst AbilityNet.
Accessibility for e-Learning Equal access and usability to online learning media can be powerful and life changing.
Web Accessibility Web Services Office of Communications.
Web accessibility A practical introduction. Presentation title and date1 Web accessibility is about designing sites so as many people as possible can.
Introduction to Web Accessibility. What is Web Accessibility Web accessibility means that people with disabilities can use the Web Disabilities including.
Planning for Accessible Video and DVD Mark Harniss Center for Technology and Disability Studies University of Washington.
Web Accessibility Issues. Why Consider Access Issues ? Discrimination Numbers of disabled students in HE likely to increase Sites designed for the disabled.
Captioning Basics VLC Professional Development Center.
Web Accessibility. Ensuring people of all abilities have equal access to web content Disability Discrimination Act – Web Access Advisory notes 2010 Required.
Dhananjay Bhole, Coordinator, Accessibility Research Group, Department of Education and Extension, University of Pune.
 What is web accessibility? ture=relatedhttp://
® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ADOBE® ACCESSIBILITY Video Accessibility in Adobe Flash Andrew Kirkpatrick Adobe Systems.
Debi Orton, Co-Chair NYS Forum IT Accessibility Committee.
Lights, Camera, Caption! Presented by Kaela Parks.
COMM1PCOMM1P Alan Woolrych Accessibility 9 COMM1P9COMM1P9 SCET MSc EC/ECA © Alan Woolrych 2001 Introduction Accessibility “Making Content Available to.
Technology for Students with Special Needs E.Brown Forward.
Developed with material from W3C Web Accessibility Initiative (WAI) IMPORTANT: Instructions Please read carefully the Instructions for.
Design and Construction of Accessible Web Sites Michael Burks Chairman Internet Society SIG For Internet Accessibility for People with Disabilities June.
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.
Software Usability Course notes for CSI University of Ottawa Section 7: Accessibility - Usability for the Disabled Timothy C. Lethbridge
WEB ACCESSIBILITY. WHAT IS IT? Web accessibility means that people with disabilities can use the Web. Web accessibility encompasses all disabilities that.
+ A11y assessment Lisa Liskovoi. + WCAG POUR some accessibility sugar on me Perceivable – Can I see it? Hear it? Feel it? Operable – Can I scroll it?
ACCESSIBILITY Devices for the Disabled users! By Kai Cubitt.
 CSM 583 CAPSTONE ADA Compliance: Easy Steps to Get Started with Accessibility By Jeff Statham.
A centre of expertise in digital information managementwww.ukoln.ac.uk Accessibility and Usability For Web Sites: An Introduction to Web Accessibility.
Developed with material from W3C Web Accessibility Initiative (WAI) IMPORTANT: Instructions Please read carefully the Instructions for.
The User Experience “Keeping Web Accessibility In Mind” Video available online at:
Accessibility First! David Kelleher
Web Accessibility. Why accessibility? "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect."
By Ruth Ellison at Viocorp’s Multimedia Accessibility Seminar on 14 th February Tips for accessible & usable web multimedia.
Web Accessibility training An introduction to web accessibility.
Video player accessibility.
Instructional Technology and Accessibility
Interactive maps pz.tt/CSUN16-map
Web and presentation software
Accessibility Solutions in a Digital Learning Environment
Creating Accessible PDF’s for the Web
Web & accessibility resources
Accessible Social Media
Guidance for 3rd party content providers
Making your web site accessible a11yoz.com/maximise
Making the Web Accessible to Impaired Users
How People with Disabilities Access the Web
Video player accessibility
Introduction to Web Accessibility
Creating ADA Compliant Resources
Creating ADA Compliant Resources
How accessibility improves searchability
Colorado State University Web Accessibility
Media Player Accessibility: Insights from Interviews and Focus Groups
Web Content Accessibility Beata M. Ofianewska (DG COMM) 7 December 2006 December 2006 COMM C2.
Web Programming– UFCFB Lecture 3
Lakeshore Public Schools
Web and presentation software
ADA Compliant Website & Documents
Building your class website
Course Web Technology Guus Schreiber
Introduction to Web Accessibility
Web and presentation software
Web Standards and Accessible Design.
Software Usability Course notes for CSI University of Ottawa
Demystifying Web Content Accessibility Guidelines
Web content management
Название доклада.
Accessible Design Top 10 List
Accessibility Evaluation
Accessibility.
Presentation transcript:

Making videos accessible – Mandatory guidelines Ba.com accessibility Making videos accessible – Mandatory guidelines

Making videos accessible The why The US Department of Transport require all content on travel websites to meet the Web Content Accessibility Group (WCAG) – accessibility level – AA by the end of December 2016 AA accessibility ensures that web product owners (such as ba.com) have met the minimum level required for all users with a disability to use the site and features on the site This means, videos that we publish on ba.com either direct or via 3rd parties MUST meet the AA level of accessibility The Web Accessibility Initiative (W3C-WAI) enforces it

Mandatory steps to accessible videos

Step 1 - Build accessibility in from the start Consider the contrast of the video Not using light colours on light backgrounds Make any text shown on a video large enough to read and is shown for long enough so people can read it E.g. a sign in an airport which you want the customer to be able to read

Step 2 – Make sure your video player is accessible Not all video players are accessible to some groups of people with disabilities, so ensure that videos: Avoid keyboard traps (where a customer using a keyboard gets trapped inside the video and has to shut down their browser Can be accessed and operated without a mouse Can be easily stopped or started by the customer Have a transcript Most ba.com videos use Youtube, which should already be accessible.

Step 3 – Never allow Auto-play Allowing a video to start automatically can disorientate some groups of users If the audio of a video starts automatically, users using screen readers may not be able to hear the voice of the reader, causing confusion or noise. Allow the user to choose when to start or stop a video or audio feature

Step 4 – No flashing content Flashing content can trigger epilepsy and migraines in some individuals Avoid all flashing video Ensure that the video can run at around 60 frames per second on an average internet speed If videos do have flashing, ensure the customer is warned BEFORE they play the video (Also, see step 3)

Step 5 – Provide a transcript Who transcripts help Hearing impaired people The blind or visually impaired People with learning difficulties who may need more time to digest information People who may struggle to understand accents or who may not be fluent in the language spoken in the video Transcripts must be supplied for all videos

Step 5 – Provide a transcript A transcript must be text only or html Transcripts must contain all spoken word Transcripts must describe any visible words (such as a sign) Transcripts should describe actions or events on screen Consider an interactive transcript that allows multi-sensory engagement and allows customers to skip elements of a video (embedding interactive YouTube transcripts into ba.com content pages) The transcript link or interactive transcript must appear immediately after the video If not interactive, transcripts should be ideally as HTML web pages that appear in a new window, so customers can watch the video if they want Avoid PDFs or Word documents as these in themselves would also need to be accessible

Step 5 – Provide a transcript Transcript examples If people are speaking, transcribe what they are saying 0:51 Presenter continues: “You can pay for more checked baggage in Manage My Booking” Describe any props if they need to be understood by a viewer 1:31 Zooms in to a container of medicine tablets next to a hand bag Where text displayed on a video needs to aid the viewer, this should be added to the transcript Example if a baggage label has something important on it

“Nice to haves” – but not essential to AA compliance

Provide captions Captions are a text version of the speech and sound on the video. These are displayed over the video, typically at the bottom, and are toggled on and off by the viewer through the video player. They let deaf and hard-of-hearing users follow the dialogue. Captions are not subtitles Captions should appear at the same time as the sound they are captioning and remain long enough to read (e.g. ‘music playing’) Would need to be translated into core languages Can get in the way of branding and overall design and presentation YouTube can automatically add captions, but this is not recommended as they may not be accurate You can, however, write a script and upload it to YouTube with your video. YouTube will then automatically place the captions at the time of the relevant speech. This can save a lot of time

Provide audio descriptions This is a spoken audio track played along with the video and it lets blind and vision-impaired users know what’s happening on the screen. Audio descriptions can be tricky to implement as they need to still work when the video itself is paused. For an example of extended audio descriptions see the Pictures of You site. You will need to turn on the audio descriptions. A transcript that can be read out by screen readers is an acceptable alternative

Consider sign language This feature isn’t so common, but if you are targeting an audience with disabilities then you should give this serious consideration. The typical arrangement is to have a sign language interpreter in a small picture-in-picture window in the video. While this feature is nice to have, a transcript is acceptable to help those who are hard of hearing