frame-title-unique

All <frame> and <iframe> elements should have unique title attributes.

Description

Ensure every <frame> or <iframe> element have a unique and non-empty title to describe their contents to screen reader users.

Why is it important?

For individuals using screen readers, the presence of a title attribute on frames is crucial as it describes the frame’s contents. Without proper titles, navigating through frames and iframes becomes challenging and perplexing. Screen reader users have the capability to access a list of titles for all frames within a page. To facilitate ease of use, it is important to assign descriptive and unique titles to frames. In the absence of titles, navigating through frames becomes arduous and confusing.

Examples

• Success:

  • Every <frame > and <iframe> elements have non-repeating title attributes.

• Failure:

  • Two <iframe> elements have identical title attributes.

How to fix?

To guarantee proper accessibility, it is important to provide unique titles for all frame and iframe elements, avoiding any repetition. Furthermore, it is recommended to include a title element within the enclosed document, with the same content as the title attribute. This is because certain screen readers may replace the frame’s title attribute with the content of the title element within the frame. By ensuring consistency in both locations, the page remains accessible and avoids any potential confusion. Additionally, the document’s title should consist of concise and descriptive text, effectively summarizing the contents of the page.

Tags

cat.text-alternatives, best-practice

References

• WCAG 2.1 Technique H64
• Deque University: frame-title-unique