Skip to content

Instantly share code, notes, and snippets.

@selfthinker
Last active June 18, 2021 05:55
Show Gist options
  • Save selfthinker/88214b426538588b28364f5200d8e36a to your computer and use it in GitHub Desktop.
Save selfthinker/88214b426538588b28364f5200d8e36a to your computer and use it in GitHub Desktop.
Missing alternatives to Heydon Pickering's "What Is ARIA Even For?" video

Missing alternatives to 'What Is ARIA Even For?' video

Heydon Pickering's pilot of his new vlog Webbed Briefs is missing an audio description and some details in the captions to make the video more accessible and meet WCAG standards.

This is listing all the missing important bits that help people with access needs understand the video better. This is ignoring the many little visual and auditory jokes which won't be essential to understand the video (but are still excluding people).

Missing alternatives to meaningful visuals

These things should be in an audio description, or a transcript in addition to what's in the captions. (Not the things in square brackets, those are just explaining the context.) When words appear like that on the screen, they are prepended with a '>'.)

  • 0:00 > Webbed Briefs presents...
  • 0:09 > What is ARIA even for?
  • 0:32 long definition is thrown off the screen [sound of glass breaking]
  • 0:40 > bit.ly/3e1qPzr [WebAIM million]
  • 1:58 > "user agent styles" = default browser styles
  • 3:02 cue stick [when he is saying "not THAT kind of cue"]
  • 3:05 'QAnon' with arrow pointing to the letter Q [when he is saying "and definitely not THAT kind"]
  • 3:26 man wearing briefs is tossed off the screen [sound of screaming]
  • 3:41 a paper with 'WAI-ARIA' on it is burning [sound of fire]
  • 4:38 dinosaur with table markup as its head is moving around [sound of stomping]
  • 5:17 > (among other missing behaviours)
  • 5:41 code is thrown off the screen [sound of glass breaking]
  • 6:13 > (Voiceover says "selected" for pressed buttons and nobody knows why.)
  • 7:10 > H Next heading; 2 Next h2; (In both the JAWS and NVDA screen readers)
  • 8:05 > written by Heydon "pen to paper" Pickering
    performed by Heydon "puffing phonemes" Pickering
    animated by Heydon "pixel pushing" Pickering
    sound by Heydon "producing parps" Pickering
    "Hey it's the interweb!" voice by blimp66 (freesound.org)
    Emoji from openmoji.org

Missing alternatives to meaningful audio

This should be added to the captions to share the meaning that some of the audio has.

  • 1:33 (computer voice)
  • 2:29 (screen reader reading)
  • 4:08 sigh
  • 6:13 (screen reader reading)
  • 6:34 (cat purring, choking, purring, choking, ...)
  • 7:15 (screen reader reading)
  • 7:27 (booming Timpani) [at start of all summary screens]
  • 8:05 (music) It's the interweb! clap

Background music

The background "music" might meet WCAG AAA standards, but the video would be more accessible and useful to people if that got removed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment