How to fix input button name on Webflow

Add a visible label or accessible name to every input button so assistive technologies can announce what the button does.

Steps for Webflow

  1. In the Webflow Designer, select the button or Form Block Submit button on the canvas.
  2. For a standard Submit Button inside a Form Block: in the right-hand Settings panel find the 'Value' or 'Button Label' field and enter a descriptive label (e.g. 'Submit Order'). This populates the `value` attribute.
  3. For a standalone Button element (rendered as `<button>`, not `<input>`): double-click the element on the canvas and type a visible label.
  4. If you used an Embed component with raw HTML containing an `<input type="submit">`, click the Embed component → open the editor and add `value="Submit"` to the tag.
  5. Publish the site and re-test with the axe browser extension.
Official Webflow documentation ↗

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 Webflow 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

Fix input button name on another platform