How to fix: iframe without title

What it looks like in the wild

Screen readers announce "frame" with no description.

The screen-reader user, keyboard user, or low-vision user encountering this issue does not get an error message. The page just stops working for them. Which is why this kind of bug rarely shows up in your error tracker; it shows up in support tickets, lawsuits, and abandoned conversions.

Why it fails WCAG

Embedded content needs a programmatic name.

The wrong pattern (avoid)

<iframe src="https://www.youtube.com/embed/..."></iframe>

The right pattern (copy this)

<iframe title="How to install Certvo widget — video tutorial" src="https://www.youtube.com/embed/..."></iframe>

Notes from real audits

• The title should describe the iframe's content, not its source — "YouTube player" is not useful.

• For decorative iframes (loading pixels, analytics), use title="none" or aria-hidden="true".

• Hidden iframes (display:none or visibility:hidden) do not need title attributes because they are not exposed to accessibility APIs.

• Third-party embed scripts often generate iframes dynamically — inspect rendered HTML in DevTools to verify the title is present after script execution.