frame-title

Frames should have accessible names

Description

The <iframe> or <frame> tag is used to embed HTML content and resources into the current page. Having a title for frames enables easy access to them through the quick access features of screen readers.

Why is it important?

Individuals who utilize assistive technologies depend on the accessible name of frames to ascertain if they contain pertinent information that aligns with their current requirements. Without it, navigating through <frame> and <iframe> elements becomes challenging and perplexing for users of assistive technology.

Examples

• Success:

  • An iframe element with the title attribute.

• Failure:

  • An iframe element with no title, aria-label or aria-labelledby attribute.

How to fix?

Use one of the following attributes with the <frame> and <iframe> elements: title, aria-label or aria-labelledby.

Tags

cat.text-alternatives, wcag2a, wcag241, wcag412, section508, section508.22.i

References

• WCAG 2.1 Technique H64
• Deque University: frame-title
• Accessibility Insights: frame-title
• Evinced Digital Accessibility Knowledge Base: frame-title