Accessibility

Modern browsers have very good accessibility support for iframes. As developers we can further aid users navigating with assistive technology, such as a screen reader, by using the title attribute on an <iframe> to label its contained content.

Automated Title Attribute

Where iframes are missing the title attribute, iframe-resizer will automatically set it with the text contained within the <title> element in the <iframe>. This ensures that the value is always up to date and correctly reflects the page that is currently displayed within.

Having a title attribute saves the user having to navigate into the iframe to determine what it contents. This context shift can be confusing and time-consuming, especially for pages with multiple <iframe> elements and embeds containing interactive content like video or audio.

Was this page useful?

Send

Thanks for your feedback