Component Library

Frames

Issue Description

Frames are problematic for some assistive technology users, making it difficult to get enough context to get a mental picture of the entire page or interface;

  • A iframe or container element is missing a title attribute, making page navigation difficult for people who cannot see the screen.
  • A change of focus changes page content without a non-visual indication of that change.
  • Using a screen reader feature like the heading or link lists only show those from the frame focus is in.
  • Dynamic updates in another frame may not be announced to some user agents if focus is not in that frame.

Recommendation

Frames are more difficult to navigate with assistive technology, and should be avoided as a best practice unless required by design. Frames are depricated in HTML 5.

  • Ensure that all iframes contain a unique and non-empty <title> attribute to concisely describe their contents to all users.

https://www.washington.edu/doit/are-frames-accessible