How to fix the problem?
<iframe> without a title cannot be announced properly by screen readers.
Without a title it is hard for screen reader users to switch between frames on a page.
Use one of the following options to fix the issue:
Option 1: Add a title attribute
<iframe src="/news-item.html" title="New accessibility tool launched"></iframe>
Option 2: use aria-label
<iframe src="/news-item.html" aria-label="New accessibility tool launched"></iframe>
Option 3: use aria-labelledby
<div id="iframe-label">New accessibility tool launched:</div> <iframe src="/news-item.html" aria-labelledby="iframe-label"></iframe>
What is a good title?
Make sure to add a descriptive title to the frame. An effective way to come up with a title is by imagining yourself describing the content of the frame out loud to someone.
Make sure each frame title is unique on the page. Screen readers allow users to switch between frames. It is not possible to distinguish frames if they have the same name.
Free Website Accessibility Audit
We are sorry to hear that you are not satisfied with the content on this page.
Checkout the ExcellentWebCheck services
ExcellentWebCheck's goal is to improve the online user experience. The tools of ExcellentWebCheck help to detect and improve usability problems on your website.