Making Your HubSpot Website WCAG 2.1 Compliant

1.2.1 Audio-only and Video-only (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.

LEVELA
Success Criteria

1.2.1 Audio-only and Video-only (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.

For prerecorded audio-only and prerecorded video-only media, the following are true, except when the audio or video is a media alternative for text and is clearly labeled as such:

  • Prerecorded Audio-only: An alternative for time-based media is provided that presents equivalent information for prerecorded audio-only content.
  • Prerecorded Video-only: Either an alternative for time-based media or an audio track is provided that presents equivalent information for prerecorded video-only content.

View Official WCAG 2.1 Compliance Techniques

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

Understanding 1.2.1 Audio-only and Video-only (Prerecorded)

This criteria applies specifically to websites that include video and audio. If your site doesn't include media, you'll resolve this criteria and be compliant by default. No manual intervention will be required, and you can stop reading right here!

1.2.1, along with 1.2.2 and 1.2.3, all have one qualifier in the description: "except when the audio or video is a media alternative for text." Let's quickly explore what a "media alternative" means so we can remove it from over-complicating our understanding.

There may be circumstances when you have text that you want to also deliver as an audio or video alternate version. For example, you have an article that is long and may be difficult for some to get through. As an alternate way of delivering the content, you record a slow and clear audio version of the article. In this instance, the audio version itself is the media alternative to text, thus the audio does not need its own alternate version required by 1.2.1. 

With that in mind, we can read this criteria description as: 

  • For prerecorded audio-only media, an alternative for time-based media (a text version) is provided that presents equivalent information for prerecorded audio-only content.
  • For prerecorded video-only media, either an alternative for time-based media (a text version) or an audio track is provided that presents equivalent information for prerecorded video-only content.

 

This criteria simply requires that no content is exclusively delivered as audio-only or as video-only. There must be an alternate way to access the same content.

How accessiBe or HubSpot Helps

There is nothing HubSpot or accessiBe can do to resolve this criteria. It is exclusively on the website to deliver alternate versions of video-only or audio-only content.

 

Recommended Solutions

If you have content that is being delivered by prerecorded audio-only or prerecorded video-only, you will want to include an alternate version. This could be simply adding a transcript of text describing the audio or video. Be sure to include all dialogue, as well as descriptions of sounds and visuals that are part of the story.

If the text alternative is not hosted on the same URL as the original media, you are required to link to the text alternative immediately after or before the original media version, along with labeling the text as a text alternative to the original content.

Here is how the next few success criteria relate to each other:


1.2.1 Audio-only and Video-only (Prerecorded) - Level A
- Requires a text alternative for audio-only and video-only content. It is not required to be synchronized.

1.2.2 Captions (Prerecorded) - Level A - Requires all audio, either audio-only or audio in video, has a caption that is synchronized with the prerecorded audio or video with audio. This is the synchronized version of 1.2.1, resolving the audio-only aspect of that criteria.

1.2.3 Audio Description or Media Alternative (Prerecorded) - Level A - For video and audio, requires descriptions of visual-only and audible-only details, in addition to dialogue, be delivered as a text alternative version. It is not required that it is synchronized. A text version can serve as the media alternative.

1.2.5 Audio Description (Prerecorded) - Level AA - This video-specific criteria requires descriptions of visual-only and audible-only details, in addition to dialogue, be delivered in synchronized media. This is the synchronized version of 1.2.3, resolving the video aspect of that criteria.

For more information, please visit the official W3C article: Understanding 1.2.1 Audio-only and Video-only (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