iframe must have accessible name

Definition iframe element must have an accessible name to support screen reader navigation.
Purpose
  • Screen readers provide a means to navigate web page content using iframe elements.
  • The accessible name of the iframe element must describe the contents of the iframe.
  • The accessible name helps users to decide whether they want to navigate to a iframe.
Required Yes for HTML4 Legacy Techniques ruleset mapping
WCAG 2.0 Success Criteria

2.4.1 Bypass Blocks (Level A, Primary Success Criterion)

Rule Category Styling/Content
Scope Element
Target Resources iframe elements
Techniques
  • Use the title attribute to define an accessible name for an iframe element.
  • Use the aria-label attribute to define an accessible name for an iframe element.
  • Use the aria-labelledby attribute to define an accessible name for an iframe element.
  • Accessible names should be short and describe the contents of the iframe element to help users to decide whether to navigate to the iframe.
  • For iframes with no visible content, explicitly identify the iframe as having no information for the user (e.g. title="No content").
Manual Checks
  • View the accessible names of the iframes in the page to verify that they help users identify the contents of each frame.
Informational Links