Embed video - iframe does not include a title for accessibility

[alexookah]

When using the Visual HTML Editor to add a Media Embed Video Block with a YouTube URL, the generated iframe does not include a title attribute. This omission is flagged as an accessibility issue by Lighthouse. I believe there should be an optional field called “title” that can be included in the iframe code.

e.g.:

<iframe src="https://www.youtube.com/embed/7DmOa90vxfg?rel=0" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;" allowfullscreen="" scrolling="no" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share;"></iframe>

Screenshots or video link

strong text

[manish-sharma]

Hello @alexookah,

Welcome to the Builder.io forum post.

We have successfully reproduced the accessibility issue with the embed block due to the absence of a title in the iFrame. Therefore, we have promptly requested our internal team to conduct an in-depth investigation and consider adding an optional title field for the embed block based on your feedback.

Rest assured, we will keep you promptly updated on any progress. Your feedback is highly valued.

Thank you!

[alexookah]

Another problem I just found out is if the youtube video link has the attribute startAt, its not being taken into account and starts always from 0 the video.

[manish-sharma]

Hello @alexookah,

Thank you for your feedback. I have shared it with our internal team, and we will update you once we have more insights.

Thanks,

[matrod]

Hi, I also have the same issue with the embed block. Would like to add a title, or maybe if the <iframe> can collect title from the YouTube link. When copying the embedded code from YouTube you get an title saying “YouTube video player”. In regards of the accessibility issue, that will do the trick.

Are you anywhere near a solution to this issue?