frame-title-unique

Ensure title attributes of frame elements: <frame> and <iframe> are non-empty and unique.

Description

<frame> and <iframe> elements should have non-empty and unique titles. Descriptive titles aid screen reader users in understanding the content and context of embedded frames, facilitating navigation and comprehension.

Why is it important?

A descriptive title provides essential information about the content within the frame, enabling users to navigate and interact with it effectively. Without meaningful titles, users may struggle to differentiate between multiple frames or iframes on a webpage, leading to confusion and frustration. Therefore, providing clear and informative titles enhances the accessibility and usability of web content for all users, including those who rely on assistive technologies. Additionally, descriptive titles contribute to better search engine indexing and optimization, improving the visibility and relevance of embedded content in search results.

How to fix?

For each <frame> and <iframe> element, include a title attribute with a descriptive and meaningful value. This value should succinctly summarize the content or purpose of the embedded frame. Verify that each <frame> and <iframe> element has a unique title across the webpage. Avoid duplicating titles to prevent confusion for users and assistive technologies. Example:

<iframe src="example.html" title="Contact Form"></iframe>

References

• WCAG 2.1 Technique H64