ACTION REQUIRED: Web Accessibility Compliance

The new Colorado accessibility law, HB21-1110, affects university websites and will go into effect July 1, 2024. This means that university website owners/content managers must ensure your website content meets the minimum web accessibility standards before July 1.

Learn how to meet accessibility standards

Inline Frame Missing Text Alternative

This issue occurs when content within an iframe is inserted but does not have either a title or aria-label.

Page Report:

The Siteimprove page report for this issue will look similar to the one in the image below.

siteimprove report of inline frame without text being flagged

Example 1

In this example we can see a youtube video was added into a content block. To resolve the flag, we need can add either a title or an aria-label with a description of the content. Semantic html is usually preferable to using aria attributes where possible, so a title is usually a better solution. Start by clicking on the edit button of the content block widget and then click to the html view. Here you can see we added a title of "interactive map showing location of Student Wellness Center" to this video. The title or aria-label should provide a good explanation to a screen reader of what the content in the iframe is.

Code showing a title being added to iframe content

CMS Login