iFrames

Designing with iFrames

Iframes enable designers to embed any type of content from another web page.

If the <iframe> consists of decorative images or JavaScript, hide it from screen readers by setting the aria-hidden="true" attribute on the <iframe> element.

If the <iframe> contains content intended for the user:

• Give the <iframe> element a descriptive title attribute value.
• Ensure the <iframe> title attribute value is unique across iframes on the page.

Related WCAG resources