Start a project

Tool 39 of 194 · Accessibility

Alt Text Quality Auditor

Paste a page's HTML to find images with missing, unhelpful or repeated alt text, and linked images that leave the link with no name.

Alt Text Quality Auditor

Your HTML

Checks <img>, <input type="image">, <area> and role="img" elements against WCAG 1.1.1 and the W3C alt decision tree. It can't see the images, so it judges the text, not whether it matches the picture.

Every image

LineImageAltFindings
Audit (CSV)

01

What it does

Checks every image's alt text in pasted HTML for missing alts, file names, "image of" openers, vague words, repeats and linked images with no name.

  • img, input type=image, area and role=img elements
  • Missing alt, file names and camera names such as IMG_4821
  • "Image of" openers, vague words like logo or photo, overlong alts
  • Alt that repeats its caption or link text

02

Private by design

Everything happens in your browser. Nothing you type, paste or upload is sent anywhere, and it keeps working offline once the page has loaded.

03

What you get

A verdict per image, an issue chart and a CSV, with a Copy and a Download button on every result.

  • Accessibility
  • Alt text
  • Images
  • WCAG

Why it matters

Alt text is how people using screen readers, and search engines and AI assistants, know what an image shows. Missing alt is easy to find, but the common failures are subtler: alt="IMG_4821.jpg" from a CMS that copies the file name, alt="logo" that says nothing about whose logo, "image of" at the start (the screen reader already said image), a caption repeated word for word so it's read twice, or a linked banner with alt="" that leaves the link with no name at all.

This auditor reads the HTML and applies the W3C's alt decision tree and WCAG 1.1.1 to each image in context: whether it's inside a link or button, whether the link has other text, whether a figure caption already says the same thing, and whether the image is marked decorative. It can't see the pictures, so it won't tell you an alt is wrong for the image, but it catches the patterns that are wrong for every image.

How to use it

  1. View the page source and paste the HTML.
  2. Fix the failures first: missing alts, file names and nameless links.
  3. Check the warnings: repeats and overlong alts.
  4. Download the CSV to share with whoever writes the content.

FAQ

When should alt be empty?

When the image adds nothing a reader would miss: dividers, background textures, or a photo next to text that already says the same thing. Use alt="" (not a missing alt) so screen readers skip it.

What should a linked image's alt say?

Where the link goes or what it does, such as "Autumn sale: 20% off tables", not what the picture looks like.

How long should alt text be?

As short as it can be while doing the job, usually a sentence. Around 150 characters is a common limit; put longer descriptions in the page or a caption.

Does alt text help SEO?

Yes. Search engines and AI assistants use it to understand images, but write it for people first.

Work with me

Want a site that gets these right?

I build fast, accessible websites and web apps that pass these checks from day one. Tell me about your project and I'll reply personally with honest next steps.

All developer tools · Back to leej.uk