WCAG 2.2 Fix Guide

How to Fix Missing Frame Title WCAG 2.2

Every <iframe> and <frame> element must have a title attribute that describes its content. Screen readers announce the frame title when users navigate into it, so they know what embedded content they are entering.

WCAG 2.2 Success Criterion 4.1.2 (Level A) axe-core: frame-title

Why this matters

Without a frame title, screen reader users hear 'frame' or just the src URL — they have no idea whether they're entering a video, a map, a payment form, or an advertisement. This is especially critical for embedded payment widgets and Google Maps.

Code examples

✗ Incorrect — fails WCAG
<iframe src="https://www.youtube.com/embed/abc123"></iframe>

<iframe src="https://maps.google.com/maps?q=Memphis"></iframe>
✓ Correct — passes WCAG
<iframe 
  src="https://www.youtube.com/embed/abc123"
  title="Introduction to WCAG 2.2 accessibility standards"
></iframe>

<iframe 
  src="https://maps.google.com/maps?q=Memphis"
  title="Map showing our Memphis office location"
></iframe>

How to fix it — step by step

  1. 1
    Add a title attribute to every <iframe> element
  2. 2
    Make the title descriptive — describe what the iframe contains, not just 'iframe'
  3. 3
    For YouTube embeds: title='Video: [video title]'
  4. 4
    For Google Maps: title='Map of [location]'
  5. 5
    For payment widgets: title='Secure payment form'
  6. 6
    If the iframe is decorative and has no meaningful content, add title='decorative' and aria-hidden='true'
Reference: WCAG 2.2 Success Criterion 4.1.2 (Level A)

Test it for free

Use WebPossum to automatically detect this violation and every other WCAG 2.2 issue on your site. Free, instant, no signup required.