iframe: iframe does not have a title

Link to iframe: iframe does not have a title copied to clipboard

title-iframe-missing

Rule

Frames must have descriptive, unique titles.

Background

When iframes do not have titles, screen reader users are not able to determine the content of the iframe - and whether or not they want to interact with it - without first entering and exploring it. Every iframe requires a descriptive and unique title attribute value. This allows screen reader users to understand what type of content to expect within an iframe such as a video, navigation links, advertisement, etc.

How to Fix

Fix this issue by using ONE of the following techniques:

  1. Use the title attribute.

<iframe title="Video of touch screen for the blind in New York City taxis" src="//www.youtube.com/embed/hM0x0k2Bv3Y"></iframe>

  1. Use an aria-labelledby attribute which references the id attribute of visible text on the screen.

<h3 id="ts-vid">Video of touch screen for the blind in New York City taxis</h3> <iframe src="//www.youtube.com/embed/hM0x0k2Bv3Y" aria-labelledby="ts-vid"></iframe>