Rampsight

All rules

Names and roles

Input buttons need a value

Why it matters

An <input type="submit"> with an empty value is announced as "button" alone — at the end of a form, with no way to know what submitting does.

How to fix it

  1. Set value to the action ("Place order", "Search").
  2. Use aria-label only when the design genuinely cannot show text.
  3. Prefer <button> over <input>: it can hold markup and is easier to label.

In markup

Fails
<input type="submit" value="">
Passes
<input type="submit" value="Place order">

The requirement behind it

This rule is one way of failing the following WCAG 2.2 success criteria. The W3C, which writes the standard, explains each of them:

Further reading

Deque University on input-button-name (opens in new tab)

Deque maintains axe-core, the open-source engine our scanner runs. Their page documents the rule as the engine implements it.

Automated checks find failures a browser can prove. They cannot judge whether a caption is accurate, whether an alt text is useful, or whether a page can be operated end to end with a keyboard — those need a person.