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 July 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. In addition to explaining the WCAG Success Criteria and how to address them, this guide also describes how the AudioEye Managed solution may address each issue.

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 AudioEye Managed and requires manual management and/or collaboration with AudioEye.

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 HubSpot or AudioEye Helps

There is nothing AudioEye or HubSpot 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.

AudioEye recommends 3Play Media for all video transcription, captioning, live captioning, audio description and audio transcript needs. Mention AudioEye at checkout or order 3Play Media services from this link to receive a 10% discount.

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


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

Checklist Download

Questions?

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

Recent Morey Creative Studios Blog Articles