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 thetitle
attribute.
- An
-
Failure:
- An
iframe
element with notitle
,aria-label
oraria-labelledby
attribute.
- An
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
We're sorry to hear that. Please share your feedback so we can do better
Contact our Support team for immediate help while we work on improving our docs.
We're continuously improving our docs. We'd love to know what you liked
We're sorry to hear that. Please share your feedback so we can do better
Contact our Support team for immediate help while we work on improving our docs.
We're continuously improving our docs. We'd love to know what you liked
Thank you for your valuable feedback!