Learn Measure Blog About

<frame> or <iframe> elements do not have a title

Updated

Users of screen readers and other assistive technologies rely on frame titles to describe the contents of frames. Navigating through frames and inline frames can quickly become difficult and confusing for assistive technology users if the frames are not marked with a title attribute.

How the Lighthouse frame title audit fails

Lighthouse flags <frame> and <iframe> elements that don't have titles:

Lighthouse audit showing frame or iframe doesn't have a title element

The Lighthouse Accessibility score is a weighted average of all the accessibility audits. See the Lighthouse accessibility scoring post for more information.

How to add titles to frames and iframes

Provide unique and descriptive title attributes for all frame and iframe elements.

Additionally, best practice is to give the enclosed document a title element with content identical to the title attribute. For example:

<iframe title="My Daily Marathon Tracker" src="https://www.mydailymarathontracker.com/"></iframe>

Tips for creating descriptive frame titles

  • As previously mentioned, give the enclosed document a title element with content identical to title attribute.
  • Replace placeholder titles such as "untitled frame" with a more appropriate phrase.
  • Make each title unique. Don't duplicate titles, even if they are similar.

Learn more in Write descriptive titles, descriptions, and link text for every page.

Resources

Last updated: Improve article