Embedded frame with no title in WooCommerce

WCAG 4.1.2, 2.4.1 (A) · EN 301 549 9.4.1.2

There is an <iframe> with no title attribute.

Where to change it in WooCommerce

YouTube embeds added with the block editor inherit the block title; check any added by hand as custom HTML.

In WooCommerce the theme and the plugins both contribute markup. Create a child theme before editing: otherwise the next update overwrites your changes.

As it is

<iframe src="https://www.youtube.com/embed/xyz"></iframe>

As it should be

<iframe src="https://www.youtube.com/embed/xyz"
        title="Video: how to choose your size"></iframe>

Why it matters

Screen readers can list the frames on a page. With no title they show up as "frame", "frame", "frame", and the person has to enter each one to find out which is the video, which the map and which the chat widget.

On other platforms

Embedded frame with no title in Shopify

Does your WooCommerce shop have this failure?

We detect your platform automatically and give you the instructions for it. Free, no sign-up.