How to fix input button name on Adobe Commerce (Magento)
Add a visible label or accessible name to every input button so assistive technologies can announce what the button does.
Steps for Adobe Commerce (Magento)
- Empty-value input buttons appear in `.phtml` template files in your custom theme.
- Locate the relevant template under `app/design/frontend/<Vendor>/<theme>/` — common files are `Magento_Checkout/templates/cart/form.phtml` and `Magento_Contact/templates/form.phtml`.
- Search for `<input type="submit"` or `<input type="button"` with `value=""` or no value attribute.
- Add a translatable label: `value="<?= $block->escapeHtmlAttr(__('Place Order')) ?>"` to leverage Magento's i18n system.
- Run `bin/magento cache:flush` and `bin/magento setup:static-content:deploy` after saving, then verify with 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 Adobe Commerce (Magento) 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