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.

How to fix?

Use one of the following attributes with the <frame> and <iframe> elements:

• An aria-labelledby attribute that references elements that are visible to screen readers.
• title attribute that is not empty.
• aria-label attribute that is not empty.

References

• WCAG 2.1 Technique H64
• Accessibility Insights: frame-title