Frames must have a title

Last updated:

This evaluation is included in the Accessibility audit offered by ExcellentWebCheck. Ensuring website accessibility is essential to ensure everyone can use the internet without barriers.

How to fix the problem?

A <frame> or <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

Add the 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" 

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.

Was this article helpful?
Thanks for your feedback!

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.