How to fix object alt on Webflow

Steps for Webflow

1. Open your project in the Webflow Designer.
2. Locate the page containing the <object> element. Webflow's built-in components do not produce <object> tags, so this is almost certainly inside an Embed element.
3. Click the Embed element on the canvas, then click the '</>' icon to open the HTML Embed Code Editor.
4. In the code, find the <object> tag and add `title='Descriptive label here'` to it.
5. Click 'Save & Close', then publish the site.
6. Verify the fix using the axe DevTools browser extension on the published URL.

What is object alt?

An HTML `<object>` element is used to embed content like PDFs, Flash files, SVGs, or other media directly in a web page. WCAG Success Criterion 1.1.1 (Non-text Content) requires that every non-text element — including `<object>` — has a text alternative that describes what it contains or does. When an `<object>` has no `title` attribute and no `aria-label`, screen readers (used by blind and low-vision shoppers) have nothing to announce, so that content is invisible to them. The fix is simple: add a short, descriptive label directly to the element.

Failing WCAG 1.1.1 is one of the most commonly cited violations in accessibility audits and lawsuits — in the US (ADA), EU (EAA/EN 301 549), and other jurisdictions, online stores are increasingly required to be accessible. A missing text alternative on an embedded product brochure, size guide PDF, or interactive viewer means blind customers cannot access that content at all, directly harming conversions and creating legal exposure. Google also uses accessibility signals as a quality indicator, and unresolvable non-text content can limit how well your pages are crawled and understood. Fixing it takes under five minutes per element and eliminates both the compliance risk and the customer experience gap.

See the complete Object alt guide for every platform and the full background.