AD CC and Me: Lessons Learned in Video Accessibility

Billy Gregory
Billy GregorySr. Accessibility Engineer at The Paciello Group
Lessons Learned in
DIY Video Accessibility
@TheBillyGregory
@TheBillyGregory
Full Disclosure
• This is a story about how
we made V&L accessible
• I am not an expert on this
subject matter
• I’m going to be 100%
honest about how we
make V&L
• A lot of this info came from
listening to our viewers
(or a Lumberjack)
Not an expert
…and not being jerks
@VandLShow
Highway to Help
Hey…
wanna be
on the
internet?…
@KarlGroves
Making the Video
In the beginning…
AD CC and Me: Lessons Learned in Video Accessibility
we
went
broke.
#a11y Deeds
Done Dirt Cheap
Costa Rica
Rebranding #a11y
CSUN ‘15
Real World #a11y
AD CC and Me: Lessons Learned in Video Accessibility
All Over
Useless #a11y
AD CC and Me: Lessons Learned in Video Accessibility
Get Your
Accessibility
For
Editing
AD CC and Me: Lessons Learned in Video Accessibility
You
THAT!
Audio Description
• Audio Description is an audio-only track
• Synchronous with the video
• Describes necessary visual content
• Usually delivered during pauses in dialogue
• Supports comprehension for users who cannot
see the video
What is AD?
Robert Pearson
https://www.gofundme.com/robertpearson
July 8th, 1976 – December 26th, 2015
Shout it out loud
{“Shout it out loud” by KISS plays}
Chaos AD
Be consistent in use of
names, character references,
location descriptions, etc.AD*BP
Always “Billy”
Always “Karl”
Describe any obvious emotional
states but do not interpret them.AD*BP
AD CC and Me: Lessons Learned in Video Accessibility
AD CC and Me: Lessons Learned in Video Accessibility
AD CC and Me: Lessons Learned in Video Accessibility
AD CC and Me: Lessons Learned in Video Accessibility
AD CC and Me: Lessons Learned in Video Accessibility
AD CC and Me: Lessons Learned in Video Accessibility
Closed Captioning
What is CC?
• Text equivalent of spoken words or
meaningful sounds in video content
• Allows people with hearing loss or deafness
to get equal access to information
• Also, provides additional benefitsadditional benefits
Additional Benefits
“Friends with”?…
CC*BP
• Short phrases
• Speakers identified
• Punctuation to clarify meaning
• Correct spelling
• Sufficient contrast between text and background
Adding Captions
Adding Captions
Adding Captions
AD CC and Me: Lessons Learned in Video Accessibility
AD CC and Me: Lessons Learned in Video Accessibility
Adding Captions
AD CC and Me: Lessons Learned in Video Accessibility
BG*CC Tips
• Be careful with the arrow keys
• Save often
• Do NOT trust the auto-captions
AD CC and Me: Lessons Learned in Video Accessibility
AD CC and Me: Lessons Learned in Video Accessibility
AD CC and Me: Lessons Learned in Video Accessibility
Courtesy of @PatrickDunphy
Courtesy of @PatrickDunphy
If You Build It…
Looking
ahead
Thanks! @TheBillyGregory
1 of 51

Recommended

adrianresume2ksummer by
adrianresume2ksummeradrianresume2ksummer
adrianresume2ksummeradrian orbe
184 views4 slides
Reading unit 2 week 4 by
Reading unit 2 week 4Reading unit 2 week 4
Reading unit 2 week 4Sharnon Johnston-Robinett
827 views25 slides
Accessible content by
Accessible contentAccessible content
Accessible contentMaja Benke
1.6K views65 slides
Advanced Workflows for Closed Captioning by
Advanced Workflows for Closed CaptioningAdvanced Workflows for Closed Captioning
Advanced Workflows for Closed Captioning3Play Media
1.8K views40 slides
ELMS:LN Beyond accessibility by
ELMS:LN Beyond accessibilityELMS:LN Beyond accessibility
ELMS:LN Beyond accessibilityBryan Ollendyke
404 views20 slides
The Future of Closed Captioning in Higher Education by
The Future of Closed Captioning in Higher EducationThe Future of Closed Captioning in Higher Education
The Future of Closed Captioning in Higher Education3Play Media
2.8K views34 slides

More Related Content

Viewers also liked

Fringe Accessibility - Guelph Accessibility Conference by
Fringe Accessibility - Guelph Accessibility ConferenceFringe Accessibility - Guelph Accessibility Conference
Fringe Accessibility - Guelph Accessibility ConferenceAdrian Roselli
1.9K views62 slides
“Selfish Accessibility” for Create Upstate 2016 by
“Selfish Accessibility” for Create Upstate 2016“Selfish Accessibility” for Create Upstate 2016
“Selfish Accessibility” for Create Upstate 2016Adrian Roselli
1.9K views128 slides
10 tips in 10 minutes - DevTO Sept 30, 2013 by
10 tips in 10 minutes - DevTO Sept 30, 201310 tips in 10 minutes - DevTO Sept 30, 2013
10 tips in 10 minutes - DevTO Sept 30, 2013Billy Gregory
919 views23 slides
How Accessibility Made Me a Better Developer by
How Accessibility Made Me a Better DeveloperHow Accessibility Made Me a Better Developer
How Accessibility Made Me a Better DeveloperBilly Gregory
1.1K views55 slides
Accessibility Testing Tools for Developers - Gerard K. Cohen - CSUN 2016 by
Accessibility Testing Tools for Developers - Gerard K. Cohen - CSUN 2016Accessibility Testing Tools for Developers - Gerard K. Cohen - CSUN 2016
Accessibility Testing Tools for Developers - Gerard K. Cohen - CSUN 2016gerardkcohen
3.9K views35 slides
Accessible svg charts using aria 2016 by
Accessible svg charts using aria 2016Accessible svg charts using aria 2016
Accessible svg charts using aria 2016Ted Gies
2.8K views24 slides

Viewers also liked(20)

Fringe Accessibility - Guelph Accessibility Conference by Adrian Roselli
Fringe Accessibility - Guelph Accessibility ConferenceFringe Accessibility - Guelph Accessibility Conference
Fringe Accessibility - Guelph Accessibility Conference
Adrian Roselli1.9K views
“Selfish Accessibility” for Create Upstate 2016 by Adrian Roselli
“Selfish Accessibility” for Create Upstate 2016“Selfish Accessibility” for Create Upstate 2016
“Selfish Accessibility” for Create Upstate 2016
Adrian Roselli1.9K views
10 tips in 10 minutes - DevTO Sept 30, 2013 by Billy Gregory
10 tips in 10 minutes - DevTO Sept 30, 201310 tips in 10 minutes - DevTO Sept 30, 2013
10 tips in 10 minutes - DevTO Sept 30, 2013
Billy Gregory919 views
How Accessibility Made Me a Better Developer by Billy Gregory
How Accessibility Made Me a Better DeveloperHow Accessibility Made Me a Better Developer
How Accessibility Made Me a Better Developer
Billy Gregory1.1K views
Accessibility Testing Tools for Developers - Gerard K. Cohen - CSUN 2016 by gerardkcohen
Accessibility Testing Tools for Developers - Gerard K. Cohen - CSUN 2016Accessibility Testing Tools for Developers - Gerard K. Cohen - CSUN 2016
Accessibility Testing Tools for Developers - Gerard K. Cohen - CSUN 2016
gerardkcohen3.9K views
Accessible svg charts using aria 2016 by Ted Gies
Accessible svg charts using aria 2016Accessible svg charts using aria 2016
Accessible svg charts using aria 2016
Ted Gies2.8K views
Fringe Accessibility: London Web Standards by Adrian Roselli
Fringe Accessibility: London Web StandardsFringe Accessibility: London Web Standards
Fringe Accessibility: London Web Standards
Adrian Roselli2.4K views
Breaking silos - all bad things must come to an end by Henny Swan
Breaking silos - all bad things must come to an endBreaking silos - all bad things must come to an end
Breaking silos - all bad things must come to an end
Henny Swan3K views
CSUN Inclusive Design Changes Perspective by Jess Mitchell
CSUN Inclusive Design Changes PerspectiveCSUN Inclusive Design Changes Perspective
CSUN Inclusive Design Changes Perspective
Jess Mitchell2K views
Responsible Design: Accountable Accessibility by Billy Gregory
Responsible Design: Accountable AccessibilityResponsible Design: Accountable Accessibility
Responsible Design: Accountable Accessibility
Billy Gregory4.7K views
The Future of Video Player Accessibility by 3Play Media
The Future of Video Player AccessibilityThe Future of Video Player Accessibility
The Future of Video Player Accessibility
3Play Media5.3K views
2017 CSUN Color Contrast by Crystal Baker
2017 CSUN Color Contrast2017 CSUN Color Contrast
2017 CSUN Color Contrast
Crystal Baker1.2K views
CSUN 2017 Success Criteria: Dependencies and Prioritization by Sean Kelly
CSUN 2017 Success Criteria: Dependencies and PrioritizationCSUN 2017 Success Criteria: Dependencies and Prioritization
CSUN 2017 Success Criteria: Dependencies and Prioritization
Sean Kelly1.8K views
2017 CSUN The Art of Language in Accessibility by Crystal Baker
2017 CSUN The Art of Language in Accessibility2017 CSUN The Art of Language in Accessibility
2017 CSUN The Art of Language in Accessibility
Crystal Baker649 views
Mystery Meat 2.0 – Making hidden mobile interactions accessible by Ted Drake
Mystery Meat 2.0 – Making hidden mobile interactions accessibleMystery Meat 2.0 – Making hidden mobile interactions accessible
Mystery Meat 2.0 – Making hidden mobile interactions accessible
Ted Drake2K views
Accessibility metrics Accessibility Data Metrics and Reporting – Industry Bes... by Ted Drake
Accessibility metrics Accessibility Data Metrics and Reporting – Industry Bes...Accessibility metrics Accessibility Data Metrics and Reporting – Industry Bes...
Accessibility metrics Accessibility Data Metrics and Reporting – Industry Bes...
Ted Drake3.7K views
CSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAG by Mary Jo Mueller
CSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAGCSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAG
CSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAG
Mary Jo Mueller900 views
Mind your lang (for role=drinks at CSUN 2017) by Adrian Roselli
Mind your lang (for role=drinks at CSUN 2017)Mind your lang (for role=drinks at CSUN 2017)
Mind your lang (for role=drinks at CSUN 2017)
Adrian Roselli1.9K views
Accessibility and Design: Where Productivity and Philosophy Meet by Joe Lonsky
Accessibility and Design:  Where Productivity and Philosophy MeetAccessibility and Design:  Where Productivity and Philosophy Meet
Accessibility and Design: Where Productivity and Philosophy Meet
Joe Lonsky1.6K views

Similar to AD CC and Me: Lessons Learned in Video Accessibility

Video on social media webinar slides by
Video on social media webinar slidesVideo on social media webinar slides
Video on social media webinar slidesLindsay de Swart
253 views16 slides
Audience feedback by
Audience feedbackAudience feedback
Audience feedbackLily Young
120 views8 slides
tbex 2013 Toronto Video 101 by
tbex 2013 Toronto Video 101tbex 2013 Toronto Video 101
tbex 2013 Toronto Video 101TBEX
886 views16 slides
Q4 by
Q4Q4
Q4nishvilla
439 views24 slides
Presentation2 by
Presentation2Presentation2
Presentation2Lea Valley Media
243 views17 slides
A picture paints a thousand words edit by
A picture paints a thousand words editA picture paints a thousand words edit
A picture paints a thousand words editUniversity of Warwick
997 views10 slides

Similar to AD CC and Me: Lessons Learned in Video Accessibility(6)

Recently uploaded

Affiliate Marketing by
Affiliate MarketingAffiliate Marketing
Affiliate MarketingNavin Dhanuka
20 views30 slides
ATPMOUSE_융합2조.pptx by
ATPMOUSE_융합2조.pptxATPMOUSE_융합2조.pptx
ATPMOUSE_융합2조.pptxkts120898
35 views70 slides
How to think like a threat actor for Kubernetes.pptx by
How to think like a threat actor for Kubernetes.pptxHow to think like a threat actor for Kubernetes.pptx
How to think like a threat actor for Kubernetes.pptxLibbySchulze1
7 views33 slides
cis5-Project-11a-Harry Lai by
cis5-Project-11a-Harry Laicis5-Project-11a-Harry Lai
cis5-Project-11a-Harry Laiharrylai126
9 views11 slides
hamro digital logics.pptx by
hamro digital logics.pptxhamro digital logics.pptx
hamro digital logics.pptxtupeshghimire
11 views36 slides
Amine el bouzalimi by
Amine el bouzalimiAmine el bouzalimi
Amine el bouzalimiAmine EL BOUZALIMI
5 views38 slides

Recently uploaded(10)

AD CC and Me: Lessons Learned in Video Accessibility

Editor's Notes

  1. We’re all adults, right? This is also talk about making videos on the internet… there’s not way we, as a group, won’t make at least 1 reference to “other” types of videos on the internet. But I assure you there is nothing in here that offended me. Read into that however you’d like.
  2. This is me, you can follow me on twitter I am not an expert But I am going to be 100% honest about V&L video creation ⁃ successes and failures - some of this info might be wrong. I’m just telling you what we do. a lot of this talk came from listening to our viewers ⁃ and, you know, not being dicks I should also mention that most of our videos live on YouTube so this walk will be mostly about that
  3. • Background info on the series / what we’re about etc • mike saw Karl and I talk at CSUN, it was awful but Karl and I recovered by bantering for a hour about nothing • Instead of firing us, he gave us series • We wanted to be Key & Peele - blew entire budget on first episode • if we wanted to do more we had to be creative • couldn’t - in good faith - release episodes for a series about a11y w/o being accessible • So we did it ourselves. • Since episode 2, V&L is 100% • written • shot • edited • captioned • described • … by V&L
  4. and by “accessible” we mean Audio Description and Closed Captions so think of this as less of a “how to” and more of a case study
  5. I want to talk a bit about how we make our videos not to glorify what we do, but to explain our process a bit
  6. Our first two episodes had a budget
  7. we filmed these in a real studio with real cameras and all that
  8. Then we went broke
  9. ⁃ shoot where/when we can ⁃ we film on a tight budget and even tighter timelines ⁃ We couldn’t be more low-tech if we tried
  10. our first attempt at DIY was in Costa rica we used a GoPro and an iPhone
  11. CSUN we used Mike’s suite we tried to use a script it didn’t work, it was awkward
  12. Really awkward.
  13. latest episode was filmed between August and November in Vienna, Budapest, Denver, Toronto filmed with an iPhone on a selfie stick
  14. 5 episodes, filmed in 5 countries - literally hundreds of views we got a little bit better every time and over time, 1 thing became clear Something we’ve always known, and we say to our customers all the time I’m surprised it took us this long to realize, since it’s the same basic principle as web a11y
  15. ⁃ film somewhere quiet or with minimal BG noise ⁃ describe as much in your script as possible ⁃ leave room when filming to describe later ⁃ Think about all this stuff, plan for it ⁃ you’ll thank yourself when it’s time to
  16. This is where the fun begins, we do all out own editing in iMovie
  17. • shoot lots of takes ⁃ in case we can’t use because of BG noise / mumbling • use the takes that ⁃ are funny ⁃ easy to understand ⁃ require the least amount of AD
  18. Sign off from Mike Too many “adult” jokes / re-edit YouTube doesn’t have the ability to offer multiple audio tracks you have to create 2 versions We found it was very important to make both versions the same length for reasons I’ll get to in a bit
  19. Described Video this is nothing new, Joe Clark wrote about it as far back as 2001 AMI have a great BP section if you google it http://www.ami.ca/media-accessibility/Pages/Described-Video-Best-Practices.aspx
  20. Speaking of AMI, when I first wanted to add AD to V&L, I reached out to one man first
  21. I’d be remiss not to mention Rob here He helped me so much in understanding AD and how best to go about it Go fund me account Rob actually helped me understand one basic principle when it came to AD…
  22. Just tell people what they need to know
  23. if you talk too long / too much it’s too confusing
  24. Preference is to describe facial gesture rather than guess at emotion.
  25. These guys (Netflix) took a LOT of flack about their lack of AD
  26. Mostly because of this show (Daredevil) Blind super hero show that isn’t accessible to blind viewers
  27. these days there AD is top notch Sina Bahram mentioned just yesterday that the are the best they don’t downplay, they tailor AD to the audience
  28. Sometimes you have to use the standard approach. to AD this is an example of our standard AD, it’s a scene from our latest video
  29. in other cases we were able to work it into the script. having AD makes videos more accessible AD as part of the script makes it more inclusive
  30. CC isn’t just for deaf viewers Karl and I talked about this in Episode 3 “Rebranding a11y” where we thought it really should be called “Do not disturb” mode
  31. There are plenty of services for the V&L Hangouts (Friday at noon - location TBA!) we use ACS (Alternative Communication Services) TV Worldwide did the first couple We were too broke to hire anyone so we used
  32. First we upload the video then YouTube will generate the auto-captions - and we’ll get back to them this can take a couple minutes to appear
  33. Now we want to go into the English (automatic) and we can see how google has generated the text we can see they aren’t perfect, so let’s clean them up a bit
  34. once we click “edit” and we can now edit the text blocks we can also click / drag those rectangles or drag the edges to these rectangles to lengthen or shorten the amount of time they are displayed on screen once they are done, we can hit publish
  35. now we can see our cleaned up captions remember when I mentioned how we wanted to keep our videos the same length? here’s why we’re going to add captions to our AD version
  36. to do this, we’re first going to export the captions from the first version which caption type doesn’t really matter here
  37. and we’re going to add them to our AD version
  38. Be careful with the arrow keys Save often Do NOT trust the auto-captions
  39. I mumble, I get it.
  40. I mumble, I get it.
  41. now… I’m not gonna say that she didn’t win because of this video but…
  42. now… I’m not gonna say that she didn’t win because of this video but…
  43. make episode 1 available eliminate the need for AD in all our videos keep making V&L vids for whoever watches them