Skip to main content

Accessibility Guide

Practices and tools for making products and services accessible to everyone.

iFrames

When using iFrame elements, it’s important that all content contained in them is accessible.

Testing

  1. Identify all iFrame elements on a page.
  2. Using the keyboard, navigate to each frame to ensure content is accessible.
  3. Check the title or name attribute of each frame for a description of the content.

Examples

Fails

<iframe src="../iframeform/"></iframe>

This iFrame doesn’t have a title or name.

<iframe src="../iframeform/" name="Provide an address form"></iframe>

This name isn’t correct.

Passes

<iframe src="../iframeform/" title="Provide Name Form"></iframe>

Correct title is provided. This would also pass if this information was in a name attribute.

Get expert answers.

Have a question about something? Our experts love to share what they know.
Drop us an email and we’ll get you connected.