Alt Text Checker
Review img alt attributes in pasted HTML for missing values and possible quality issues.
Updated
What is the Alt Text Checker?
Scan pasted HTML for <img> elements with missing alt attributes or text that may deserve review, such as filenames and generic placeholders. The checker provides heuristics; it cannot tell whether a description is appropriate without the image and its context.
What is alt text?
Alt text (alternative text) is a short written description added to an <img> tag's alt attribute. It serves two critical purposes:
- Accessibility — Text alternatives communicate an image's purpose to people who cannot see it. The appropriate text depends on the image's context; decorative images generally use an empty
alt="". - Search — Descriptive alt text can help search engines understand images, but it does not guarantee rankings or image-search placement.
Every image on your page should have an alt attribute. Informative images need a concise, meaningful description; purely decorative images should use an empty alt="" so screen readers skip them gracefully.
Why use this Alt Text Checker?
The Alt Text Checker reviews <img> tags in supplied HTML for common issues related to WCAG 2.1 Success Criterion 1.1.1 (Non-text Content). It is a preliminary check, not a complete accessibility audit or WCAG conformance test. Paste your HTML to get:
- A summary dashboard with your total image count, pass rate, and breakdown of issues.
- Line-number-precise findings so you can jump straight to each problem tag in your editor.
- Quality analysis that goes beyond missing/empty — it flags alt text that repeats filenames, uses generic words like "image" or "photo," contains file extensions, or is too long or too short.
- A filterable findings list to drill into missing, suspicious, decorative, or good images.
- An exportable Markdown audit report you can copy or download for your records or share with a client.
Who is it for?
- Web developers running a pre-deploy accessibility check on markup before it ships.
- SEO specialists auditing image coverage as part of an on-page SEO review.
- Content editors and bloggers verifying that images in posts have proper descriptions.
- Accessibility consultants generating quick audit reports for client websites.
- QA testers validating image markup against WCAG compliance requirements.
100% client-side and private
The analysis runs in your browser. As with any browser tool, avoid using shared or untrusted devices for sensitive source code.
How it works
The Alt Text Checker scans your HTML, finds every <img> tag, and audits each one's alt attribute against WCAG 2.1 accessibility best practices and common SEO pitfalls. Here is exactly what happens under the hood.
Step 1 — Paste or upload your HTML
Start by pasting raw HTML into the code editor, or drop a .html file onto the dropzone to load its contents automatically. The tool accepts any HTML fragment or full document — you do not need a complete page.
Step 2 — Scanning for image tags
The checker uses a regex-based tag scanner to locate every <img> element in your markup, including self-closing tags (<img ... />). For each image it extracts:
- The
srcattribute (image source URL) - The
altattribute value (decoded for HTML entities) - The line number where the tag begins, so you can find it instantly in your editor
- Whether
aria-labelorrole="img"are present as alternative cues
Step 3 — Categorizing each image
Every image is classified into one of four statuses:
| Status | Meaning |
|---|---|
| Missing alt | The alt attribute is entirely absent — fails WCAG 1.1.1. |
| Decorative (empty) | alt="" is present — correct for purely decorative images; screen readers skip it. |
| Suspicious | Alt text exists but looks low-quality (filename, generic word, too long/short, file extension). |
| Good | Alt text is present and passes all quality checks. |
Step 4 — Quality analysis
For images with existing alt text, the checker runs a series of quality heuristics that catch the most common real-world mistakes:
- Filename matches — alt text that simply repeats the image filename (e.g.
IMG_4023.jpg). - Generic placeholder words — words like "image," "photo," "picture," "icon," or "spacer" that add no descriptive value.
- Redundant phrasing — patterns like "image of" or "picture of" that screen readers already announce.
- File extensions — alt text containing
.jpg,.png, etc. - Length issues — alt text shorter than 4 characters or longer than 125 characters (WCAG recommends concise alternatives).
- Random identifiers — strings that look like hashes or camera-generated codes.
Step 5 — Review the results
The summary dashboard shows your total images, overall pass rate, and counts for each category. Use the filter controls to view only the images that need attention — for example, just the missing or suspicious ones. Each finding card displays the line number, source URL, current alt text, a plain-English list of issues, and the raw <img> tag for easy copying.
Step 6 — Export the report
Click Copy report or Download report to export a complete Markdown audit file containing your summary statistics and every finding with its issues and raw tag. This is ideal for sharing with your team, attaching to a ticket, or including in a client deliverable.
What the checker does not do
The tool analyzes the HTML you provide — it does not crawl live URLs, render JavaScript, or use AI to generate alt text suggestions. This keeps it fast, private, and deterministic. For generating new alt text, pair it with your content workflow or an AI image-description tool, then re-scan to validate.
Examples
Product image with no alt attribute
Flag an img tag with no alt attribute for review against the image's purpose and context.
<img src="blue-shirt.jpg" />Missing alt — every img must have an alt attribute. Add a description such as alt="Blue cotton crew-neck shirt, front view".Decorative image with empty alt
Confirm that a purely decorative spacer image correctly uses an empty alt attribute so screen readers skip it.
<img src="divider.gif" alt="" />Decorative — empty alt is correct for non-informative images. Screen readers will skip this image.Suspicious filename-based alt text
Flag alt text that merely repeats the filename, which provides no meaningful description for users or search engines.
<img src="IMG_4023.jpg" alt="IMG_4023" />Suspicious — alt text matches the filename. Replace with a meaningful description of the image content.Full page audit with mixed results
Paste an entire HTML document to get a summary dashboard showing pass rate, missing, suspicious, and decorative counts across all images at once.
<img src="hero.jpg" alt="Mountain sunrise over the valley" /><img src="logo.png" /><img src="spacer.gif" alt="" />3 images found — 1 good, 1 missing alt, 1 empty alt. Review flagged cases in context; the report is a heuristic, not a conformance verdict.Frequently asked questions
What is alt text and why does it matter?
What is alt text and why does it matter?
Alt text (alternative text) is a text alternative in an image's alt attribute. It communicates an image's purpose to people using assistive technology and can help search engines understand image content. The checker cannot decide whether text is an accurate description without seeing the image and page context.
What does the Alt Text Checker scan for?
What does the Alt Text Checker scan for?
The tool scans every <img> tag in your HTML and checks for four things: missing alt attributes, empty (decorative) alt text, suspicious alt text that looks like filenames or generic placeholders, and alt text that passes all quality checks. It also flags images missing a src attribute and reports the line number for each finding.
Does empty alt text count as an error?
Does empty alt text count as an error?
No. An empty alt="" attribute is the correct way to mark an image as purely decorative. It tells screen readers to skip the image entirely, which is the desired behavior for spacer GIFs, decorative dividers, and images whose meaning is already conveyed by adjacent text. The checker categorizes these as "Decorative" rather than as errors.
What makes alt text "suspicious"?
What makes alt text "suspicious"?
Alt text is flagged as suspicious when it exists but appears low-quality. This includes text that simply repeats the filename, uses generic words like "image" or "photo," contains file extensions such as .jpg or .png, starts with camera-generated prefixes like "IMG*" or "DSC*", looks like a random hash, or is either too short (under 4 characters) or too long (over 125 characters). These are common signs that the alt text was auto-generated or copied without thought.
Is this tool free, and does it send my HTML to a server?
Is this tool free, and does it send my HTML to a server?
The analysis runs in your browser without uploading the input through the tool. Avoid using a shared or untrusted device for sensitive source code.
How long should alt text be?
How long should alt text be?
Write a concise alternative that conveys the image's purpose in context. There is no universal character limit that makes alt text correct; charts or complex images may need a longer explanation elsewhere on the page. The checker's length warnings are only heuristics.
Does alt text affect SEO?
Does alt text affect SEO?
Descriptive alt text can help search engines interpret images, but it does not guarantee image-search visibility or higher rankings. Write for the image's purpose and users; do not add keywords that do not accurately describe it.
Which WCAG success criterion covers alt text?
Which WCAG success criterion covers alt text?
WCAG 2.1 Success Criterion 1.1.1 (Non-text Content, Level A) requires text alternatives for non-text content, with exceptions and specific requirements depending on purpose and context. An empty alt="" is appropriate for decorative images. This checker alone cannot establish WCAG conformance or legal compliance.
Can I check an entire website at once?
Can I check an entire website at once?
This tool scans the HTML you paste or upload, so it checks one page or HTML fragment at a time. To audit a full website, paste the HTML of each page individually, or save each page as an .html file and drop them in one at a time. For large multi-page audits, you can export a Markdown report per page and combine them.
Should I use the same alt text for identical images repeated on a page?
Should I use the same alt text for identical images repeated on a page?
It depends on each image's purpose in context. A repeated image may need the same alternative, different text, or an empty alt="" if decorative. The checker does not identify duplicate descriptions or decide which treatment is appropriate.
Does the tool check aria-label or role attributes?
Does the tool check aria-label or role attributes?
The scanner notes some ARIA attributes, but it does not compute the accessible name or test how assistive technology will expose the image. Review the rendered element and its purpose; the checker focuses on the alt attribute and is not a conformance test.
Can I download or share the audit results?
Can I download or share the audit results?
Yes. After scanning, use the Copy report or Download report buttons to export a complete Markdown audit file. The report includes a summary of all statistics plus a detailed breakdown of every image with its line number, status, source, alt text, and any issues found. This is ideal for sharing with your team, attaching to a pull request, or delivering to a client.
Related tools
More utilities you might find handy.
Canonical Tag Generator
Create a canonical link tag from a URL and review selected URL normalizations before use.
Header Tag Analyzer
Review H1–H6 heading structure in pasted HTML and create a readable outline.
Hreflang Tag Generator
Draft reciprocal hreflang annotations for alternate-language pages in HTML, headers, or sitemaps.