Accessible names for image buttons (image-button)

Image buttons must have non-empty accessible names, using alt, aria-label, or aria-labelledby attributes.

Note: The name attribute on <input type="image"> is used for form submission, but it does not provide an accessible name. Use alt, aria-label, or aria-labelledby instead.

Name attribute instead of accessible name:

This <input type="image"> element lacks a valid accessible name. It only has a name attribute, which does not contribute to the accessible name. As a result, the button’s accessible name defaults to "Submit Query", which is not meaningful.


Note: Possible to implement because it can be programmatically detected when an <input type="image"> element lacks an accessible name and only uses a name attribute.

axe detected: 1.1.1  |  QualWeb detected: 1.1.1