axe-core rule: input-image-alt

Image buttons are missing accessible names

Fix reference | BarrierScan

What it is

An input element of type "image" (an image used as a submit button) has no alt text, so assistive technology cannot announce what the button does.

Who it blocks

Screen reader users hear only "button" or the file name. They cannot tell whether the button submits a search, adds to cart, or does something else.

How to fix it

Add an alt attribute to every input[type="image"] describing the action the button performs.

Example fix

<!-- Before -->
<input type="image" src="/icons/search.png">

<!-- After -->
<input type="image" src="/icons/search.png" alt="Search">

This is one of the barrier types BarrierScan checks for on every scan. Request a free accessibility scan to see whether it appears on your site, alongside the rest of the automated findings.