Image Alt Text Checker

How to use

1. Copy the page source, or the rendered HTML from your browser's inspector, and paste it.
2. Run the check.
3. Read the findings, each marked with the image it concerns, then the table of every image.
4. Fix the alt text in your templates and copy the CSV for the content team.

What it checks and how it works

The tool parses the pasted HTML and reads each img element. It flags an image with no alt attribute; an alt that holds only spaces; an empty alt on an image that sits alone inside a link or button, which leaves the link without a name; alt text that is a file name or a camera name such as IMG_2041; alt text that starts with words like image, icon or picture; and alt text over 100 characters.

The rules come from the W3C WAI alt decision tree and tips. An empty alt is correct for a decorative image, and words like image of are superfluous because screen readers already announce an image. The 100-character filter is a Screaming Frog default, not a W3C or Google limit, and W3C asks for the most concise description possible. Google's image guidance asks for useful, descriptive alt text. The tool also counts images with no width and height, a page-speed point from web.dev and not an alt-text rule.

Limits: it cannot judge whether alt text is accurate for its picture. That needs a person looking at the image. Only the HTML you paste is read.