Video Accessibility

Whether your video is recorded using Zoom, Panopto, Canvas Studio, Camtasia, SnagIt, iMovie, YouTube, or any social media platform, it must be accessible to ensure that individuals with disabilities can easily engage with and benefit from your content.

Various video icons.

Ìý

A diagram of "ABILITY = easy to" then three arrows point toward Easy to Get, Easy to Understand, and Easy to Use.

    Ìý

    Accessible means available toÌýall students, regardless of theirÌýabilities. For example:

    • Deaf or Hard of Hearing
    • Visual Learners
    • Cognitive Disabilities
    • Speakers with Accents
    • Complex Technical Terminology
    • Noisy Environment

    Ìý

    Panopto icon

      Training Videos

      Ìý

      Visuals and Complex Images

      Visuals and complex images are required to provide narrating or text alternative for an extensive description, thus benefiting everyone. Also, images and graphics make content more pleasant and easier to understand for many people, and in particular for those with cognitive and learning disabilities. They serve as cues that are used by people with visual impairments, including people with low vision, to orient themselves in the content.Ìý

      Creating Accessible Videos: Visuals

      Accessible: "everyone has the right to communicate as an individual," with examples.

      Important visual information has corresponding audio.

      • Best: Plan a script to include all information.
      • Explain what the chart or diagram conveys.
      • Or, make an alternative video with audio descriptions.

      Accessible Video Best Practices

      • Use clear and simple language.
      • Provide sufficient contrast between the text and background.ÌýUseÌýColour Contrast AnalyserÌýtool to ensure accessible contrast.
      • Ensure text is comprehensible and has good font size.
      • All audio information has a corresponding visual information and vice versa.
      • Allow enough time for people to take in all of the important visual information.
      • Present text in blocks (e.g. complete sentence).
      • Be mindful of how color is used.
      • Don’t add flashing elements, unnecessary motion or noises. It can be distracting and cause trigger seizures.
      • If featuring a speaker, make their face visible and have them speak slowly and clearly.
      • Read it out loud for people who can’t see the screen:
        • Famous quotes
        • Text on the screen
        • Image descriptions
        • Full website address. If the website is long, consider creating a short URL (such as tiny.cc or bitly.com).
      • AvoidÌýusing:ÌýHere, Click here, This, That, There, This button, This slide, and other vague language.
      • Instead: Describe what is on the screen (e.g. button label, navigation menu name, or location description)

      Videos are automatically captioned in Panopto, Google Slides, PowerPoint 365, Web Captioner,ÌýOtter.ai, YouTube, Camtasia,Ìýor any other automatic captioned programs thatÌýare computer-generated, areÌýnot 99% accurate; therefore, they are not acceptable for students that need accommodation.ÌýIf a class has a student with a relevant approved accommodation, whether the class will be taught live or feature pre-recorded videos, all instructional and public-facing videos must be captioned appropriately.

      ContactÌýÌýfor professional captioning services

      • Email:Ìýncod@csun.eduÌý
      • Phone: (818) 677-2054
      • Zoom ID: 380 527 5501
      • Website:Ìý

      Ìýfaculty should contact their assigned Instructional Designer.

      How do I caption my instructional materials?

      TheÌýCSUN Universal Design CenterÌýis available to help faculty makeÌýinstructional materials accessible, including guiding faculty through theÌýself-service submission process. Faculty may also submit instructionalÌýmedia directly to theÌýNCOD: Deaf and Hard of Hearing Services.

      Ìýfaculty should contact their assigned Instructional Designer.

      Captions are text descriptions of dialogue and background music or sound which provides the same level of information as one would get from hearing the audio. Text should beÌýsynchronizedÌýandÌýequivalentÌýwith audio.

      • Use text that isÌýeasy to readÌý(good font size and color contrast),Ìýconsistent,Ìýclear, andÌýerrorless.
      • Caption quality is crucial
      • Every pre-recorded videoÌýshouldÌýhave captions.
      • There isÌýno standard sizeÌýfor captions—they vary based on the size of your video player window. However, if you must squint to read your captions, the font size is too small.

      Two types of Captions:

      1. Closed:ÌýThe viewer can toggle the captions on or off when needed.
      2. Open:ÌýViewer cannot toggle captions on or off.

      Captions vs. Subtitles

      Captions and subtitles are similar, but they are distinct from each other.Ìý

      • Captions:Ìýtext descriptions of dialogue and background sound or music thus providing equivalent information as one would get from hearing the audioÌý

      • Subtitles:Ìýstraightforward translations of video’s dialogue

      For example, a bilingual English/Spanish website, we would have clearly labeled captions (for English text) and subtitles (for Spanish text).

      ÌýAutomatic Speech Recognition (ASR)

      Auto-captions are often machine-generated captions with poor quality in which content is not accurately communicated to people who depend on captions. Auto-captions should be corrected for accuracy and provide equal access for everyone.

      Creators/owners should review auto-generated captions for accuracy. Accuracy highly dependent on audio quality.

      • VocabularyÌý
      • Terminology
      • Acronyms
      • Names
      • Locations
      • Unusual words
      • Complex Technical Language
      • Limited punctuation
      • Limited speaker identification
      • Incorrect words choice do not match the spoken audio (e.g.ÌýCan vs Can’t, Know vs No, Hear vs Here, Ban vs Van, Cake vs Kate, Savvy vs Say Vi)
      • Add sound effects and music if applicable (e.g.Ìý[water dripping], [upbeat music], [audience cheering], [balloon pops], etc.)ÌýDescriptive captions help to ensure the viewers have full experience of the sound and enjoy the media.

      Learn more aboutÌý.

      Text versions of media content that includesÌýdialogue, descriptions of actions or important information on-screen

      There are two types of transcripts:

      • Static:Ìýtranscripts presented inÌýplain text
      • Interactive:Ìýtranscripts with highlight words as they’re spoken in the video. This allows viewers follow along, and search across the spoken audio of a video and play from any point in the video by clicking within the transcript.

      In addition, transcripts help students toÌýget the information they want quickly, learn the spelling of technical terms spoken, and take notes for comprehension.

      Audio descriptionsÌýare additional audio tracks that describe by a voice-over narrator and give context for essential visual information (e.g.Ìýactions, characters, scene changes, on-screen text, and other visual content). This helps describe important visual details that cannot be understood from the main soundtrack alone. Audio descriptions are commonly used for pre-recorded material such as video tutorials, video resources, and instructional videos.

      ÌýWhy do we need descriptions?

      • Access for individuals who are blind and low vision
      • Literacy
      • Auditory learners
      • English language learners
      • Autism spectrum
      • No access to visual content

      The goal is to make the visual information in media accessible to people who are blind and have limited vision, but others may benefit from the explicit explanations as well.

      If videos are created with accessibility in mind, audio descriptions are probably aren't necessary, as long as important visual elements of the video are described in the audio track itself (e.g. man speaking at a podium for static presentation).ÌýFor example, you doÌýnotÌýneed audio description for talking heads only, or for text on slides as long as the slide text is woven into what you say.Ìý

      Learn more about