Back to Lighthouse errors

<frame> or <iframe> elements do not have a title

Give your iframes a <title>

If you use the Webflow Youtube element there is no title element added and it is not possible to add one. Vimeo supplies a title, so you  get your Lighthouse points, but it's <title="Vimeo embed>, which isn't very helpful.

‍

You can avoid this error by using the generic Webflow embed element. Copy the Embed code from Youtube and put it in the embed element in Webflow. Then and add title="your_video_title" .

‍

In YouTube

‍

‍

Click Share

‍

Click Embed

‍

Copy the code

‍

‍

‍

In Webflow

‍

‍

Add Embed element

‍

Paste the Embed Video code from YouTube

‍

Go to the beginning of the code

‍

Insert the title

‍

Google Lighthouse says

Users of screen readers and other assistive technologies rely on frame titles to describe the contents of frames. Navigating through frames and inline frames can quickly become difficult and confusing for assistive technology users if the frames are not marked with a title attribute.

Technical Log

Webflow development 

Settings

Lighthouse weighting

3

WCAG Guidance

H64: Using the title attribute of the frame and iframe elements
No items found.
No items found.
User can skip past headers and menus
Operable
2.4.1
Bypass Blocks
A
Bots can understand the UI
Robust
4.1.2 c
Name, Role, Value: Programming technology
A
Bots can understand the HTML
Robust
4.1.2 a
"Name, Role, Value: HTML"
A
Bots can understand the UI
Robust
4.1.2 c
Name, Role, Value: Programming technology
A
Bots can understand novel script via ARIA
Robust
4.1.2 b
"Name, Role, Value: Script re-purpose"
A
Bots can understand the UI
Robust
4.1.2 c
Name, Role, Value: Programming technology
A
Bots can understand the UI
Robust
4.1.2 c
Name, Role, Value: Programming technology
A
Bots can understand the UI
Robust
4.1.2 d
"Name, Role, Value: Own interface"
A