Alt-Text Linter

Find missing, redundant, or low-quality alt text in your HTML instantly.

About Alt-Text Linter

Paste HTML and audit all image alt attributes. Detects missing alt text, alt text that starts with "image of" or "photo of", overly long descriptions, decorative images without empty alt, and alt text that duplicates adjacent captions.

How to Use

  1. 1Paste HTML containing <img> tags into the input.
  2. 2The tool lists every image with its src, alt text, and any detected issues.
  3. 3Issues are color-coded: red (missing/critical), yellow (warning), green (ok).
  4. 4Click any issue row to see what to fix and see an example.
  5. 5Use the summary count to track progress.

Frequently Asked Questions

What is WCAG 1.1.1 (Non-text Content)?
Every non-text element (image, icon, chart) must have a text alternative that describes its purpose. Decorative images should have empty alt="" so screen readers skip them.
Why is "image of a cat" bad alt text?
Screen readers already announce "image" before reading alt text, so "image of a cat" becomes "image, image of a cat". Just say what the image shows: "cat sitting on a windowsill".
How long should alt text be?
Concise descriptions are usually under 100 characters. For complex images (charts, diagrams), use a brief alt plus a longer description in a nearby paragraph or figure caption.
What about SVG icons?
Decorative SVGs should have aria-hidden="true". Interactive SVGs need aria-label or a visually hidden title element.