A grey background with Text Audio & video and a logo

Breadcrumb

Designing for All: Why Audio & Video Matters

Regardless of whether your video content is hosted on platforms such as Zoom, Panopto, or others, it is essential to incorporate accurate captions and transcripts to ensure accessibility for individuals with disabilities.To use video and audio for accessibility, we can add audio descriptions for visually impaired users, provide captions and transcripts for those with hearing impairments, and ensure clear narration for users with cognitive disabilities. Structured audio helps organize content, making it easier to follow 


Panopto Logo


1. Panopto 

Panopto simplifies the process of editing captions for your videos or audios or presentations. Ensuring thatcaptions are accurate is vital for making your videos accessible to students with disabilities. 

Editing Captions in Panopto 

  1. Once your video has finished processing, open your video in Panopto.  

  1. Select the "Edit" button in the "top toolbar" to edit your recording. 

A table displaying uploaded recordings with various columns and a highlighted "Edit" button in the Actions section.

  1. Select "Captions" from the tab options on the left to view the video's captions, including the auto-generated captions created upon upload. 

  2. Fix any spelling, grammar, and punctuation mistakes in the "captions"

A video editing software interface with a "Contents" window displaying captions.Captions with time codes and an option to "Enter a caption" are visible in the left window.

Reference for Panopto : 

 

 

 

 

 

 

 

Zoom


2. Zoom

Enable Captions in Zoom 

  1. Log in to your Zoom account and go to Settings. 

  2. Under the "Meeting tab", find the "Closed Captioning" option and toggle it on. 

  3. If you want to assign a "live captioner", enable the "Allow live transcription"service to transcribe meeting audio option. 

A settings window for a video conferencing application, displaying closed captioning and accessibility options, with font size, color customization, and the "Always show captions" feature highlighted in red.

  1. Start Your Meeting or Webinar 

  2. Begin your Zoom meeting or webinar as usual. 

  3. Activate Closed Captioning During the Meeting 

  4. Click on the CC button (Live Transcript) in the meeting controls at the bottom of the Zoom window. 

  5. Select Enable Auto-Transcription to begin automatically generating captions. 

A screenshot of a video conferencing interface with various icons for video/audio control, screen sharing, and chat, featuring a highlighted "Hide Caption" button indicating it is in the "Show Caption" state.

Reference for zoom:

 

 

Best Practices for the Alternative Text:  

Writing alt text requires careful consideration to ensure the image’s message is communicated clearly. Here are some best practices for writing effective alt text: 

  • Avoid Starting with “Image of…”: Screen readers already inform the user that the content is an image, so starting with “image of…” is redundant. Instead, directly describe what the image is showing. 
  • Examine the Image Closely: Consider what the image communicates in the context of the surrounding content. What would a user miss if they couldn’t see the image? Only mark the image as decorative if it doesn’t convey any meaningful information. 
  • Describe the Image’s Function if Linked: If the image serves as a link, include alt text that describes the link’s function, such as "Click here for more information" or "View product details." 
  • Include Text in the Image: If the image contains text (such as a chart or infographic), include the text in the alt text to ensure that users with visual impairments don’t miss out on essential information. 
  • Address Complex Images with Brief and Long Descriptions: For complex images, like infographics or detailed charts, start with a brief description in the alt text and then provide a long description that includes any essential text or data. This ensures that the user gets both a quick overview and the full content. 

See below for additional information on:

Additional Tips 

For more information, check out the WCAG 2.2 (Text Alternatives) for detailed guidance on ensuring your web and document content is fully accessible. 

How to use Audio-video:

How to Use Audio and Video in the following: 

Additional Tips

For more information, check out the WCAG 2.2 for detailed guidance on ensuring your web and document content is fully accessible.