How to fix input button name on Shopify
Add a visible label or accessible name to every input button so assistive technologies can announce what the button does.
Steps for Shopify
- In your Shopify Admin go to Online Store → Themes → click Actions → Edit code.
- Search across theme files (use the search icon in the file sidebar) for `input type="submit"`, `input type="button"`, or `input type="reset"`.
- Most commonly affected files are `sections/main-cart-footer.liquid`, `sections/header.liquid`, `snippets/product-form.liquid`, and any custom snippet files.
- Find any `<input ... value="">` or `<input ... value>` without text and add a descriptive value, e.g. `value="Add to Cart"`.
- If a button is intentionally icon-only, add `aria-label="Add to Cart"` to the input tag.
- Click Save, then preview the page and test with a screen reader or the axe browser extension.
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.
Not sure if your Shopify store has this?
Run a free SEOLZ scan — we’ll find input button name and every other issue across your whole site.
Scan my site free