Audio and Video in your App - Get "A" certified

In last week's post (Input Forms Accessiblity - Get "A" certified) , we started to analyze what our web apps need to reach level A of accessibility certification.

Now we'll analyze how to make the audio and video in your web app accessible.

Why make Time Based Media more Accessible


Alternatives allow your content to be easily duplicated or re-purposed, which can make your application more popular and available to a wider audience.

For time-based media (media where info unfolds over time - Eg.audio and video), we provide alternatives for the following audience:
  • Visually disabled users
  • Users who have less knowledge of the topic
  • Hearing disabled users
  • User’s with time limitations

How to make Time Based Media more Accessible

  1. Link to a text transcript containing the content below - right beside the link to a video/audio page

    OR
  2. Link to an audio MP3 - right beside the link to a video page. The audio MP3 should be a mix of the audio extracted from the video and the content below

    OR
  3. Add captions to the video

Content of transcripts, captions and supplementary audio

  1. Identify the name of the person who is speaking
  2. Identify if the speaker is a person from the audience or the main speaker
  3. Identify if the statement is a question or a part of the main content
  4. Mention if there's applause
  5. Mention if there's laughter
  6. Mention when music is being played
    • Identify non-vocal music:
      • Title
      • Movement
      • Composer
      • Tempo
      • Mood
    • Transcribe the lyrics of vocal music
  7. Note other significant sounds that are part of the recording
  8. Description of what’s being show in the video
    • Actions
    • Characters
    • Scene changes
    • On-screen text


    Note: If there is already a text transcript of a video/audio, captions are not required


Special Cases

Interaction with a Video


If you have to interact with the video (Click here to continue/Choose an answer), you must provide a keyboard accessible way to interact, and include it in the transcript or text summary of the video

Video tutorials (without Audio)

  • Make sure any text in the video is placed in a transcript
  • If there is no text in the video, add a brief summary of what is shown in the video

Comments

Popular Posts