How to fix nested interactive on Wix

Steps for Wix

1. Open the Wix Editor for your site. Click on the component that contains the nested interactive elements.
2. If the component is a built-in Wix widget (e.g., a Button inside a Repeater card that is itself clickable), remove one of the interactive behaviors: either remove the card's click action or remove the button, not both.
3. For Wix Velo (custom code) sites, open the relevant page code or a custom HTML component (Add → Embed → HTML iframe) and edit the markup directly to eliminate nesting.
4. If using a Wix App Market widget that produces the nested markup and cannot be edited, contact the app developer or replace the widget with a custom HTML embed where you control the markup.
5. Preview the page and use browser DevTools → Lighthouse → Accessibility or the axe extension to verify the fix.

What is nested interactive?

WCAG Success Criterion 4.1.2 requires that every user interface component has a name, role, and value that assistive technologies (like screen readers) can reliably understand. A "nested interactive" violation occurs when one interactive element — such as a `<button>`, `<a>`, `<select>`, or `<input>` — is placed inside another interactive element in the HTML. For example, putting a `<button>` inside an `<a>` tag, or an `<a>` link inside a `<button>`. HTML forbids this nesting, browsers handle it inconsistently, and screen readers and keyboard navigation can behave unpredictably. Adding `tabindex="-1"` or `aria-hidden="true"` to the inner element does NOT reliably hide it from assistive technology — screen readers can still discover and announce it, creating a confusing or broken experience.

Keyboard-only users and screen-reader users (a significant and legally protected segment of shoppers) can get stuck, confused, or blocked from completing a purchase when interactive controls are nested. In many jurisdictions — including the US (ADA), EU (EN 301 549), and UK (Equality Act) — inaccessible ecommerce stores face real legal exposure including complaints, audits, and lawsuits. Beyond legal risk, a broken checkout button or unclickable product link directly costs you conversions and revenue. Google also uses accessibility signals as a quality indicator, so fixing these issues can modestly improve crawlability and organic rankings over time.

See the complete Nested interactive guide for every platform and the full background.