Video Embed

A video embed is a standalone, media-centric component that features an embedded video with a heading and description, and optional share icons, CTA, and embeddable transcript.

View Example Video Embed

Full Video Embed Documentation

Accessibility Considerations

WCAG 2.1 requires all non-text content (such as videos or podcasts) have a text alternative. There are specific guidelines for time-based media, such as audio or video. In general, closed captions/subtitles and transcripts are the industry standard ways to provide text alternatives.

In order to provide text alternatives for videos, Aggie UX supports embedded transcripts. Closed captions / subtitles must be integrated in the video platform you are embedding, such as YouTube or Vimeo.

Transcripts

Transcripts are a text version of an audio medium, including audio from a video. Transcripts do not need to display within a video player.

Transcripts are helpful for people who do not want to or are unable to listen to content without accompanying text. This can be especially helpful for speeches or other videos where the content doesn’t need to be presented with visuals to make sense.

Closed Captions / Subtitles

Both are ways to display text on a video to provide an alternative to the video’s audio. Closed captions are traditionally in the same language as the original audio, whereas subtitles are translations. In both cases, the text is displayed on top of the video within a video player and display text over time as the respective audio is played within the video itself.

Closed captions / subtitles provide an accessible alternative for people who are deaf or hard of hearing when consuming video content, although lots of different types of people find closed captions / subtitles helpful for audio comprehension while watching video content.