Iframes

Iframes are used to display content from one web page inside another web page. They are most commonly used for embedded video, advertisements and interactive content.

Accessible name

As with other web page content, we can label iframes to let screen reader users know what they are for.

Use the title attribute to provide an accessible label for iframes. Here is an example of the HTML code for an iframe embedding a Vimeo video player:

<iframe width="640" height="360" src="https://player.vimeo.com/video/786057809" title="Accessibility takeaways from the W3C redesign" allowfullscreen=""></iframe>

When copying and pasting an embed code from any third-party source, check that it includes the title attribute and that it has a unique and descriptive value. Generic titles such as “YouTube video player” are not helpful for screen reader users, especially if there is more than one on a page.