Frames Must Have a Unique Title Attribute

Issue/Question

When I run a Page Check I get the following Known Problem: 

Frames must have a unique title attribute

Environment

  • Web CMS

Cause

Final Checks evaluate all code on a page and detect accessibility issues not meeting WCAG 2.0 (Level AA) standards. 

It detected the page contains an iframe that does not have a title attribute. iframes are a type of HTML element that loads another HTML page within the document. Screen reader users rely on a frame title to describe the contents of the frame. Navigating through frames and iframes can quickly become difficult and confusing for users if the frames are not marked with a title attribute.

Resolution

If you can identify the iframe on the page, replace it using the Web Page Embed Component and include a title.

  1. Click  Yellow Light Bulb to check out page.
  2. Click  Edit tab.
  3. Click  Edit button on the content area where the iframe is located.
  4. Remove old iframe from editor.
  5. Click where you would like to insert the new one.
  6. Insert a Web Page Embed Component.
    Note: See our article on Using Components for details.
  7. Include a Title when inserting the component.
    Note: This text should describe the frames content to a screen reader, it will not be visible.
  8. Save page.
  9. Click the Publish button to run the accessibility final check again. When the issue is resolved it will no longer display in the accessibility check.
Some iframes may be generated by embeds from social media or other third party services and may be located in a Source Code type asset.  If your error is being caused by one of these, please contact the contact the ITS Service Desk for assistance.
Print Article