29. iFrame is missing a description


iFrame incorrect example

Description: The iFrame has no ‘title’ attribute or the ‘title’ attribute is empty.

Context: Titles allow users using screen-readers to understand the content of a given iFrame/frame and elect to skip it if it is not relevant. Preventing them from needing to listen to an entire read-through to understand the content.

<iframe id="spotlyte_iframe_widget_0"></iframe>

How to fix it: Provide the frame with the attribute title=”” and add a description of the content in the title.

<iframe title="twitter-feed" id="spotlyte_iframe_widget_0"></iframe>

Techniques: H64