How to fix frame title on BigCommerce

Steps for BigCommerce

1. Go to Storefront → My Themes → click 'Advanced' → 'Edit Theme Files' on your active theme.
2. Search the template files (templates/pages/, templates/components/) for `<iframe>` tags using the file search.
3. Open the relevant file (e.g. templates/components/products/video.html or a custom widget template) and add `title="Your descriptive label"` to the iframe tag, then save.
4. For iframes inside Page Builder widgets: go to Storefront → My Themes → Customize → open the page in Page Builder → click the HTML widget or Custom HTML block containing the iframe → edit the raw HTML to add the title attribute.
5. For third-party app iframes, check the app's configuration in Apps → My Apps → the specific app settings for an accessibility or title field.
6. Preview the storefront and confirm the attribute is present with browser DevTools.

<iframe src="https://www.youtube.com/embed/example" title="Product demo video: how to assemble Item X" width="560" height="315" allowfullscreen></iframe>

What is frame title?

An `<iframe>` (inline frame) is an HTML element used to embed third-party content inside a webpage — things like YouTube videos, Google Maps, payment widgets, social media feeds, or live chat windows. WCAG Success Criterion 4.1.2 (Name, Role, Value) requires that every user-interface component, including frames, has an accessible name that describes its purpose. For an `<iframe>`, that accessible name is provided by its `title` attribute (e.g., `title="Product demo video"`). Without it, the frame has no label and assistive technologies have no way to tell users what the frame contains.

Screen reader users — who are often navigating by jumping between frames — will hear something unhelpful like "frame" or the raw URL instead of a meaningful description, making that content effectively invisible to them. This violates WCAG 2.1 Success Criterion 4.1.2 (Level AA), which is incorporated into accessibility laws in many jurisdictions (ADA in the US, EN 301 549 in the EU, AODA in Canada), creating real legal exposure for your business. Beyond legal risk, inaccessible embedded content such as checkout widgets, payment processors, or product videos directly harms conversions for the roughly 7–10% of online shoppers who use assistive technology. Fixing this is a quick technical change that improves user experience, demonstrates inclusive design, and reduces compliance risk.

See the complete Frame title guide for every platform and the full background.