Website Accessibility Guide

Making Your HubSpot Website WCAG 2.1 Compliant

1.2.5 Audio Description (Prerecorded)

MCS Accessibility Team

MCS Accessibility Team
Last Updated March 23, 2020

The following directions are part of a full step-by-step guide to making a HubSpot website WCAG 2.1 AA compliant. These recommendations are intended for websites managed on the HubSpot CMS but can be adapted for other content management systems. All suggestions in this guide are in conjunction with the accessiBe solution and require an active license. For more information on the accessiBe platform and pricing, you can learn more here.

LEVELAA
Success Criteria

1.2.5 Audio Description (Prerecorded)

  • Resolved
  • Partially Resolved
  • Manually Managed
  • N/A - Level AAA
Principle: Perceivable
Information and user interface components must be presentable to users in ways they can perceive.
Guideline: Time-based Media
Provide alternatives for time-based media.

Audio description is provided for all prerecorded video content in synchronized media.

View Official WCAG 2.1 Compliance Techniques

  • This criteria is not resolved with accessiBe or HubSpot and requires manual management.

Understanding 1.2.5 Audio Description (Prerecorded)

"During existing pauses in dialogue, audio description provides information about actions, characters, scene changes, and on-screen text that are important and are not described or spoken in the main sound track."

The purpose of this success criteria is to ensure that all viewers, but especially those who are blind or vision impaired, are able to access visual information by hearing it instead. Synchronized audio descriptions are also helpful for viewers who may have difficulty interpreting visual content.

Insert audio descriptions of what's on screen. Within your media file, in between the portions of dialogue, another speaker can describe visual information. This information will include things such as a scene description, the characters or people in the scene, changes to the scene, and so on. You may have to insert additional pauses/freeze-frames between dialogue. Here's an example:

 

 

How accessiBe or HubSpot Helps

This criteria cannot be addressed with either accessiBe or HubSpot. Audio captions are managed where the video or audio is hosted, and this may require adjusting the video or audio to allow enough time in pauses to include adequate descriptions of the visual content. This is managed on the actual media.

 

Recommended Solutions

To comply with this success criteria, you are controlling the media when it is created. Planning video with these requirements from the outset helps ensure you are prepared to deliver an acceptable video experience. You will likely need to record a second voiceover that can be inserted in between dialogue, and potentially extend or add pauses where this description is most appropriate. 

This accessible version can either be a second audio track that the user can select, or the standard sound track everyone hears.

 

Resolving this criteria may address the following:

1.2.1 Audio-only and Video-only (Prerecorded) - Level A - Requires a text alternative for audio-only and video-only content. Descriptive captions on video satisfy the video-only portion of this criteria.

1.2.2 Captions (Prerecorded) - Level A - Requires all audio, either audio-only or audio in video, has a caption synchronized with the prerecorded audio or video with audio. Descriptive captions on video satisfy the audio-in-video portion of this criteria.

1.2.3 Audio Description or Media Alternative (Prerecorded) - Level A - For video and audio, this requires descriptions of visual-only and audible-only details, in addition to dialogue, be delivered as a text alternative version. Descriptive captions on video are 100% aligned with the video portion of this criteria.

For more information, please visit the official W3C article: Understanding 1.2.5 Audio Description (Prerecorded)


Download the WCAG 2.1 Compliance Checklist

What to expect if you download this checklist

Video: What to Expect If You Download this Checklist

Checklist Download

Questions?

Let us know if we can help you address this specific WCAG Recommendation.

Recent Morey Creative Studios Blog Articles