Embedded frame with no title in Shopify

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 Shopify

If the video comes from a theme block, edit the template under Online Store › Themes › Edit code and add the title to the iframe.

Shopify themes are edited under Online Store › Themes. "Edit code" opens the Liquid templates. Many colour and typography settings can be changed without coding, from the theme editor.

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 WooCommerce

Does your Shopify shop have this failure?

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