How to Add Titles to Embedded Maps, Videos, and Forms
Embedded content like maps and videos sits in iframes. Without a title, screen-reader users have no idea what they are about to enter. Here is the fix.
Reviewed by Jacob Rhinehart for Strelva's co-founder; products and operations lead responsibilities.
When you embed a Google Map, a YouTube video, a booking form, or a chat widget, it usually arrives as an iframe, a window into another page. To a screen-reader user, an iframe with no title is a black box: they cannot tell what is inside before tabbing into it. A one-line title attribute solves it.
Why it matters
The title is announced before focus moves into the embedded content, so the user knows whether it is the map to your office, a how-to video, or a contact form. It is a small courtesy that makes embedded content navigable.
Step by step
- Find every iframe. Look for embedded maps, videos, booking tools, forms, and chat widgets across your pages.
- Add a descriptive title. Set a title attribute on each iframe that says what it contains: title="Map showing our Buffalo office" or title="Video: how our service works".
- Keep titles unique. If you embed several videos or maps, each one needs its own specific title, not a repeated label.
- Avoid generic labels. "Embedded content" or "iframe" tells nobody anything. Name the actual content.
- Re-scan. Confirm no iframe-title warnings remain.
Where to add it
Most embed codes you copy from a service do not include a title; you simply add one to the iframe tag yourself. Even YouTube's default "YouTube video player" is worth replacing with the specific video title.
Frequently asked
What business owners ask next.
The embed code I copied has no title. Do I add it myself?
Yes. Most services hand you an iframe without a title attribute. Paste the embed code, then add a title="..." attribute to the iframe describing what it shows. It is a manual one-line addition.
What should the title actually say?
Describe the content specifically: 'Map showing our office,' 'Video: product walkthrough,' 'Appointment booking form.' Avoid generic labels like 'embedded content.'
A third-party widget injects an iframe I can't edit. What then?
Some widgets, like chat tools, inject their own iframe and you may not control its markup. Check the widget's settings for an accessibility or label option; otherwise it is the vendor's responsibility, not a flaw in your page you can fix.