Element Code: AC-047
<iframe> and legacy <frame> on your page needs a title attribute that describes what it contains. Without it, screen reader users hear "frame" with no context, and you fail WCAG. It is a one line fix per frame with a real accessibility payoff and a small indirect SEO benefit.What this check is looking for
An embedded frame is a window into another document. That is true for the old <frame> and <frameset> elements from the frames era, and it is equally true for the modern <iframe> you use to drop in a YouTube video, a map, a payment widget, or an ad. This check fails when any of those frames is missing a title attribute.
The title on a frame is not a tooltip and it is not the page title of the embedded document. It is a short human readable label that tells assistive technology what the frame is for. Think title="Contact form" or title="Location map" or title="YouTube video: product demo". That label is what a screen reader announces when the user reaches the frame.
Why a missing frame title matters
Screen readers expose frames as landmarks a user can jump between. When you build a rotor or list of frames on the page, a titled frame shows up as "Contact form, frame" and the user knows exactly where they are. An untitled frame shows up as "frame" or, worse, the raw source URL of the embedded file. Imagine tabbing through a page and hearing "frame, frame, frame" with no way to tell the newsletter signup from the ad from the video. That is the experience you are shipping when you skip the title.
This is a hard requirement, not a nice to have. It maps to WCAG 2.4.1 Bypass Blocks and 4.1.2 Name, Role, Value under the guidance that frames must be titled. If you have any legal or contractual obligation to meet WCAG 2.1 AA (public sector, many enterprise contracts, ADA exposure in the US), an untitled frame is a straightforward, easily cited failure.
The SEO angle is real but indirect. Google does not rank you higher for a frame title. What it does do is judge overall page quality and usability, and accessibility failures correlate with the sloppy, unmaintained markup that page quality systems dislike. More concretely, automated audits like Lighthouse bundle accessibility into the score your stakeholders stare at, and a wall of frame title failures drags that number down and generates noise that hides real problems.
How to detect untitled frames
- Lighthouse / axe DevTools: both run the axe core ruleset, and the rule
frame-titlefires on any frame without an accessible name. axe DevTools points at the exact element. - WAVE: the WebAIM browser extension flags a missing frame title as an error directly on the page.
- Screaming Frog: use custom extraction with an XPath like
//iframe[not(@title)]to pull every untitled iframe across a full crawl. This is the fastest way to find the problem at scale rather than page by page. - Manual DOM check: in DevTools run
document.querySelectorAll('iframe:not([title]), frame:not([title])')in the console to list offenders on the current page. - Real screen reader pass: nothing beats opening VoiceOver or NVDA, listing the frames, and hearing what they announce.
How to fix it
- Add a descriptive title to every frame.
<iframe src="..." title="Location map"></iframe>. Describe the content or purpose, not the technology. "Map of our office" beats "Google Maps embed". - Make each title unique on the page. If you have three video embeds, do not title all three "Video". Distinguish them: "Video: setup guide", "Video: pricing walkthrough".
- Keep it short and specific. A handful of words. The title is announced aloud, so a paragraph is punishing to listen to.
- Fix your templates, not just pages. Most untitled frames come from a component or an embed snippet reused across the whole site. Patch the template or the embed helper once and the problem clears everywhere.
- Third party embeds you do not control: you still own the outer
<iframe>tag on your page, so you can and should add thetitlethere even if the embedded document is someone else's. - Genuinely decorative or empty frames (a tracking pixel style iframe) should be hidden from assistive tech with
aria-hidden="true"rather than given a meaningless title.
Title patterns by frame type
| Frame content | Weak title | Good title |
|---|---|---|
| Video embed | "Video" | "Video: product demo" |
| Map | "iframe" | "Map of our London office" |
| Payment form | "Stripe" | "Secure card payment form" |
| Newsletter signup | "Form" | "Newsletter signup form" |
| Tracking pixel | "Frame" | use aria-hidden instead |
DO
- Give every visible frame a short, descriptive title
- Describe the purpose, not the vendor or the tech
- Keep titles unique across the page
- Fix the shared template or embed snippet once
- Hide truly decorative frames with aria-hidden
DON'T
- Ship an iframe with no title and hope no one notices
- Reuse "Video" or "Frame" on every embed
- Stuff a full sentence or paragraph into the title
- Confuse the frame title with the embedded page's title tag
- Give a meaningless title to a pixel that should be hidden
What good looks like
Run an axe or Lighthouse pass and the frame-title rule shows zero violations. Open a screen reader, pull up the list of frames on the page, and every entry reads as a clear, distinct label. A blind user can jump straight to the payment form or the location map without guessing. The fix cost you a few words per embed and it moved a real accessibility failure off the board.
FAQ
Is the frame title the same as the embedded page's title tag?
title attribute lives on the <iframe> tag in your page and labels the frame for assistive tech. The embedded document has its own <title> element inside its own HTML. They are separate, and screen readers announce the frame's attribute, so you need it even if the embedded page is well titled.Do YouTube and Google Maps embeds need a title if I did not write them?
<iframe> tag sits in your markup and is yours to edit. Add a title to it. Some embed generators now include one, but many still do not, so check.Will fixing frame titles improve my Google rankings?
What about a hidden tracking iframe with no visible content?
aria-hidden="true" so it is skipped entirely. A title is for frames a user might actually want to reach.One untitled frame usually means dozens more site wide
Frame title failures almost always come from a reused template or embed helper. A full audit finds every instance, plus the other accessibility and technical debt riding along with it.
Claude Vincent is a technical SEO consultant focused on crawlability, rendering, and AI-search visibility. He writes the field guides and case studies at SEO ProCheck, with a bias toward the durable, unglamorous work that decides whether search engines and AI answer engines can actually read and cite a site.
About SEO ProCheck
Technical SEO consulting and GEO strategy with 20 years of enterprise experience. Case studies, resources, and tools for search and AI visibility.
Work With Me
Technical SEO audits, GEO strategy, site migrations, and international SEO. Hourly consulting for teams who need hands-on support, not just reports.
Subscribe to our newsletter!
