How to fix input button name on Shopify Plus

Steps for Shopify Plus

1. Follow the same steps as Shopify above; Shopify Plus stores also allow checkout customisation via Checkout Extensibility.
2. For checkout UI extensions, open your extension code in the Shopify CLI / partner dashboard and locate any `<Button>` or rendered input components and ensure their label or children prop is non-empty.
3. For legacy checkout.liquid (if still active), go to Online Store → Themes → Edit code → layout/checkout.liquid and fix any empty-value input buttons there.

What is input button name?

An "input button" is any clickable button created with an HTML `<input>` tag of type `button`, `submit`, or `reset`. Its accessible name — the text a screen reader announces when a user focuses on it — comes from its `value` attribute. When that attribute is missing or empty (`value=""`), the button has no accessible name at all. A screen reader user hears something like "button" with no description, giving them no idea what will happen if they press it. WCAG Success Criterion 4.1.2 (Name, Role, Value) requires that every interactive element, including buttons, has a programmatically determinable name.

Screen reader users — which include millions of people with visual, motor, or cognitive disabilities — cannot use your site's key actions (Add to Cart, Search, Subscribe, Checkout) if the buttons that trigger them have no accessible name. This is a direct WCAG 2.1 Level A violation, the most fundamental compliance level, and exposes your store to legal risk under ADA Title III (US), EN 301 549 (EU), and equivalent laws worldwide. Beyond legal risk, an unlabelled submit button on a checkout or contact form causes real cart abandonment and lost conversions. Search engines also look at accessibility signals as a proxy for page quality, so fixing these issues can support your overall SEO health.

See the complete Input button name guide for every platform and the full background.