Video Component

Adding video to your page is as simple as using the Video component, enter the share URL on YouTube, Vimeo, and other services to embed it in the page. The component provides three video size options:  full width, 50% (left or right of text) and 33% (left or right of text). This component also includes optional Title and Text fields.

Supported video services: Animoto, Cloudup, DailyMotion, Flickr, TED, VideoPress, Vimeo, Wordpress.tv, YouTube

Example Video

Remember to use the SHARE URL, not the YouTube URL of the video itself.

Accessibility Requirements

Captions and Transcripts

Federal and state accessibility standards require synchronized captions for multimedia containing speech. Do not embed video without captions. If you use captions automatically generated by software, be sure to review and edit them for accuracy. Some hosting platforms, like YouTube, provide methods to edit the captions in the video hosting platform.

You can also provide a transcript by downloading the captions and adding the transcript text to the page where the video is used or link to the transcript text if it is posted in another location.

Title Fields

Titles are required in most components to comply with the rule that headings H1-H6 must be used before a section of content to describe its context. You may select the “Hide Title” option if you don’t want it displayed, however, a site visitor using a screen reader will hear those titles. This means they should be descriptive and unique. If you only enter “Title” for example, the user will hear “title, title, title,” etc. as they tab through your content blocks. They will have no context to know if that is information they should read.

Link Text

Text links in your content should not use a URL as the link text. It should have meaningful text rather than using “click here” or “read more” Instead, use the page title or a description of the page where the link leads.

Link text that is in context with the content where it is pointing gives all users better information about the purpose of the link.

Users interact with links in various ways, including:

  • Screen reader users can generate a list of links and navigate them alphabetically.
  • Redundant or ambiguous link text such as “More” is meaningless in this context.
  • Users of speech recognition technology can select a link with a voice command like “click” followed by the link text. Therefore it is also helpful to use unique link text that is short and easy to say.
  • Users who don’t need assistive technology often skim and scan your content, a link that gives more context can prompt them to click through to the content they seek.
  • Meaningful link text may often align with key terms or phrases used by people searching for your site. Using them for link text may improve your SEO.

All Multimedia Components