Titling iframes

Modified on Tue, 23 Jun at 4:02 PM

<iframe> elements need titles so screen reader users can understand what the embedded content is and decide whether to enter it.

Without a title, an iframe is essentially an unnamed region that suddenly changes context.

What an iframe is to assistive technology

An <iframe> embeds a separate document inside the current page (often from another site or system). From an accessibility perspective, that means:

It creates a new browsing context
It often has its own headings, landmarks, and focus order
Entering it can feel like “jumping into another page”

Screen readers announce iframes as landmarks or regions. If there’s no title, users hear something like:

“Frame”

…with no indication of what the frame contains or why it’s there.

What makes a good iframe title?

✅ Concise and descriptive
✅ Explains the purpose, not the technology
✅ Unique when multiple iframes exist on a page

Examples of good iframe titles

"Live men's basketball statistics"
"Saints volleyball game highlights video"
"Donate to Athletics form"

Examples of bad iframe titles

"Youtube video"
"player stats"
"widget"
"iframe"
"content"
"podcast widget"

How to add titles to iframes (Word)

How to add titles to iframes (PDF)