• Success Criterion 4.1.2
  • Conformance level A

Iframe Embedded With No Title Describing Its Content

4.1.2 — Name, Role, Value

Scenario

Setting

A customer-support live-chat widget

What’s wrong

Iframes without title (embedded functional content unnamed).

Example 

<iframe src="https://chat.vendor.com/widget/8842" width="360" height="480"></iframe>
<!-- no title attribute, so assistive tech announces only "iframe" -->

Why it matters

A customer using a screen reader navigating by landmarks hears "iframe" with no clue that live support chat lives inside it.

How to test

Inspect every iframe in DevTools: each needs a title attribute describing its content — missing fails.

How to fix

Give every iframe a short title describing what it contains, not just the decorative ones.

<iframe src="https://chat.vendor.com/widget/8842" width="360" height="480" title="Live support chat"></iframe>

Outcome

A customer finds the chat iframe by name and starts a conversation with support.

Who is affected

Screen reader users looking for support chat may skip past the untitled iframe entirely.

Learn more

Related scenarios