Video content

For video content, you must provide:

  • audio description: this is an additional commentary that describes what's happening on screen, including any text, graphics or scene changes
  • closed captions: these are a text alternative to audio information
  • a transcript: this is a text version of all the content in a video, presented separately from it

You must also make it clear where to find the audio description, captions and transcript.

Do not use purely decorative or tracking videos.

Embedding a video using an iframe

If you add a video to a page using an iframe, you must add or change the title attribute. The title attribute should clearly explain the purpose or content of the embedded frame. Screen readers announce the title when the iframe is in focus, helping visually impaired users understand what it contains.

The title attribute should:

  • explain the content, not just say that it's a video
  • be concise, aim for 3 to 8 words

For example:

<iframe src="https://www.youtube.com" title="Virtual tour of Central Library on Youtube." width="560" height="315" style="border: 0;" loading="lazy"></iframe>

Design System

Go to our Design System for details of our visual styles, components and patterns.