Accessible names for image buttons (image-button)

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

Note: An empty alt attribute on an <input type="image"> means no accessible name is provided. Use a meaningful alt, or use aria-label or aria-labelledby.

Empty alt:

This <input type="image"> element has an empty alt attribute and no other naming attributes. Its 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"> has an empty alt and lacks any other accessible name sources.

axe detected: 1.1.1  |  QualWeb detected: 1.1.1