<frame>
or <iframe>
elements do not have a title
— Updated
Appears in: Accessibility audits
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:
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 #
- Source code for
<frame>
or<iframe>
elements do not have a title audit - Label documents and frames
- Frames must have title attribute (Deque University)
Last updated: — Improve article