Ensure <iframe> and <frame> Elements Have An Accessible Name

Photo of Researcher
Yotam Flohr
Researcher
Blind Hearing Mobility
WCAG 2.1 Level A

Written and researched for humans by humans

Photo of Researcher
Yotam Flohr
Researcher
Photo of Expert
Ritvik Shrivastava
Expertly reviewed by
Comments: 0
Your entire domain
Get detailed instructions on how to resolve every accessibility issue on your website

All frame or iframe elements in an HTML document must have a title that describes the contents to screen reader users.

Why It Matters

Screen reader users rely on a frame title to understand the contents of a frame. Without a title, engaging with frame and iframe elements quickly becomes difficult for users.

Screen reader users also have the option to pull up a list of titles for all frames on a page, which is where unique titles come in handy. If no title is provided, screen readers will instead provide information such as “frame,” “JavaScript,” the filename, or the URL. 

Fixing the Issue

Ensure all frame and iframe elements have valid title attribute values that are brief, clear, and informative.

It’s also best to give the enclosed document a title element that is identical to the title attribute. 

Good Code Example

Code example
<iframe ... title="myFrame"> frame body </iframe> Copy

Test Cases

For more examples, visit W3C’s GitHub’s ATC Rules library