Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Pssst, hey you! Not everyone likes videos! - WP...

Pssst, hey you! Not everyone likes videos! - WP Accessibility Day

WordPress Accessibility Day 2022 talk on making videos accessible.

Avatar for Michele Butcher

Michele Butcher

November 02, 2022
Tweet

More Decks by Michele Butcher

Other Decks in Technology

Transcript

  1. I am Michele Butcher-Jones You can find me at @michele_butcher

    on Twitter Hello! 2 https://mlb.pw/wpad2022
  2. A little about Michele… ◉ Head Geek at Can’t Speak

    Geek ◉ Founder of 13Core ◉ WordPress Core Contributor ◉ Support for PostStatus Team ◉ Volunteer Wrangler for WordFest ◉ “Day jobs” at Thrive Agency and Cornell University 3 https://mlb.pw/wpad2022
  3. Some facts about video content ◉ According to Cisco -

    videos count for 82% of web traffic ◉ YouTube states they have 2 billion views every day ◉ Digiday says Facebook has over 8 billion views a day but 85% of these are viewed without sound. 5 https://mlb.pw/wpad2022
  4. But why do people love them? ◉ All the cool

    kids apps are using them ◉ The wave of “influencer” culture ◉ They are great for SEO ◉ They are relatively easy to make 6 https://mlb.pw/wpad2022
  5. Video hurdles include ◉ 13% of the United States alone

    have a disability ◉ Some people dislike being “talked to” ◉ They can be hard to comprehend ◉ Quality of the video 8 https://mlb.pw/wpad2022
  6. Other non-accessible issues ◉ All the advertisements, all the time

    ◉ Subscriber Pressure ◉ Not having a clear point ◉ Too much “fluff” and people lose interest 9 https://mlb.pw/wpad2022
  7. Video Conflicts There has never been a one-size fits all

    solution 3 10 https://mlb.pw/wpad2022
  8. It’s not just the visual or hearing impared either ◉

    Neurodivergent Persons ◉ ADHD ◉ Auditory Processing Disorder ◉ Learning Disabilities 11 https://mlb.pw/wpad2022
  9. Different Learning Styles ◉ Not everyone can learn from videos

    ◉ Sometimes a person needs more than one format to let it all soak in 12 https://mlb.pw/wpad2022
  10. If you must use videos There is more to recording

    videos and then publishing them. 4 13 https://mlb.pw/wpad2022
  11. All Videos should include: Captions and transcripts Web Friendly Text

    PDF’s that allow for audio playback 14 https://mlb.pw/wpad2022
  12. Text in Videos (and the pages that hold them) ◉

    Choose easy to read fonts, large spacing, and large fonts ◉ Avoid animations in text ◉ Use color for contrasts and to highlight important information 15 https://mlb.pw/wpad2022
  13. Captions during live videos ◉ Utilize YouTube’s speech recognition technology

    but review and revise to ensure it is correct ◉ Video captions bring all of the sounds to text ◉ Closed captions are encoded with the video ◉ Open captions are decoded from an existing subtitle file and usually made third party 16 https://mlb.pw/wpad2022
  14. Transcripts for reading along ◉ Take the captions one step

    further to be able to search through dialogue ◉ You do not have to keep up with what is on the screen ◉ It is like reading a book instead of watching the movie 17 https://mlb.pw/wpad2022
  15. Audio Descriptions Everywhere ◉ Standard audio descriptions on images, scenes,

    or videos through narration ◉ Extended audio gives the small details of every action of every frame ◉ Descriptors help close the gap between what is happening on screen and what the viewer understands 18 https://mlb.pw/wpad2022
  16. Video formats and players ◉ The video format should be

    accessible for the blind and visually imparied (MP4) ◉ Most of the time Vimeo and YouTube does this automatically ◉ WordPress makes it easy to embed videos ◉ Products like Adobe Premiere Pro can help 19 https://mlb.pw/wpad2022
  17. Random other things to do for sounds ◉ Speak slow

    and clear ◉ Show the speaker’s face ◉ Block out white noise ◉ Try to avoid “filler” words ◉ Have a narrator ◉ Have a non-distracting background 20 https://mlb.pw/wpad2022
  18. Random other things to do for visuals ◉ Nothing blinking,

    flashing, or strobing ◉ Smooth movements of camera ◉ Remember your color contrasting 21 https://mlb.pw/wpad2022
  19. Other factors for accessible videos There is more to accessibility

    than the democracy of media 22 https://mlb.pw/wpad2022
  20. Other wins with Accessible videos ◉ The obvious of being

    inclusive and reaching all audiences ◉ Accessible videos improve SEO ◉ Ease of use with your website ◉ Lowers chances of a legal complaint for ADA 23 https://mlb.pw/wpad2022
  21. Helpful Links WCAG Accessibility Standards https://www.w3.org/WAI/stan dards-guidelines/wcag/ Ava - Captions

    for All https://www.ava.me TapTapSee https://taptapseeapp.com 24 Americans with Disabilities Act https://www.ada.gov Google Accessibility https://www.google.com/acces sibility/ InVideo https://invideo.io 11y Color Contrast Accessibility Validator https://color.a11y.com BOIA - Video Checklist https://www.boia.org/blog/che cklist-for-creating-accessible-vi deos Assistive Technology Industry Association https://www.atia.org https://mlb.pw/wpad2022
  22. Any questions ? You can find me at ◉ @michele_butcher

    on Twitter ◉ @[email protected] on Mastodon ◉ [email protected] Thanks! 25 https://mlb.pw/wpad2022