iFrame Code

Code Snippet Library

An iframe is used to display content that is hosted on a different website. In this case, we are showing an accessible SVG created and hosted by Highcharts. This could be displayed as a static image, but the iframe allows us to provide dynamic content with alternate formats to meet the needs of every learner.

 <p>
    <iframe style="width: 98%; height: 600px;" title="descriptive title" src="https://link"></iframe>
</p>

Best Practice

Add a descriptive title to an iframe to make it more accessible for screen reader users.