FREE TOOL · NO SIGNUP

Find Images Missing Alt Text in Your HTML

Paste your HTML and instantly see every image with its src and alt — flagged for missing, empty, or too-long alt text — plus an alt-coverage score and fix-it tips.

Paste your HTML

Max chars
Min chars
Example — paste your own HTML on the left to check its images.
F
38%alt coverage

3 of 8 images pass

Overview

8
Images
3
Passing
5
Issues
1
Missing
1
Empty
0
Too long
2
Filename
1
Decorative

What to fix

  • 1 image has no alt attribute at all — add one to every meaningful image first.
  • 1 image use empty alt="" without being marked decorative — add role="presentation" or write real alt text.
  • 2 alt values look like file names — replace with a human description.
  • 1 alt value starts with "image of"/"photo of" — drop the redundant prefix.

Images (8)

  • #01 good53 chars

    /images/hero-banner.jpg

    alt: Marketing team reviewing an SEO dashboard on a laptop

    Descriptive alt text (53 characters).

  • #02 filename12 chars

    /images/IMG_4821.jpg

    alt: IMG_4821.jpg

    Alt text looks like a file name, not a description.

    Replace the file name with a short sentence describing what the image shows.

  • #03 MISSING

    /images/chart.png

    alt: (no alt attribute)

    No alt attribute. Screen readers may announce the file name instead.

    Add a descriptive alt attribute that conveys the image’s meaning.

  • #04 empty

    /images/divider.svg

    alt: (empty alt="")

    Empty alt="" but the image is not marked decorative.

    If the image is purely decorative, add role="presentation"; otherwise write descriptive alt text.

  • #05 decorative (ok) decorative

    /images/spacer.gif

    alt: (empty alt="")

    Empty alt on a decorative image (role/aria-hidden). Correctly hidden from screen readers.

    No change needed — this is the right way to mark a purely decorative image.

  • #06 redundant phrase102 chars

    /images/team-photo.jpg

    alt: image of our team smiling together at the company offsite in 2025 standing in front of the office sign

    Alt text starts with a redundant phrase like "image of" / "photo of".

    Drop the redundant prefix — screen readers already announce it as an image.

  • #07 filename4 chars

    /images/logo.svg

    alt: logo

    Alt text looks like a file name, not a description.

    Replace the file name with a short sentence describing what the image shows.

  • #08 good65 chars

    /images/product-screenshot.png

    alt: SemlyPro keyword tracking dashboard showing rankings over 30 days

    Descriptive alt text (65 characters).

The Complete Guide

Alt Text Checker: Find and Fix Missing Image Alt Text

6 MIN READ

Understand with AI

Discuss with your preferred AI assistant

#1
Most common WCAG failure

Missing image alt text is consistently the most common accessibility failure found in automated audits of top websites.

125
Recommended max length

Keep alt text under about 125 characters so screen readers don’t truncate the description.

95%+
Target alt coverage

Aim for 95% or higher alt-text coverage (an “A” grade) across all meaningful images on a page.

Alt text is the short written description attached to an image with the HTML alt attribute. It is read aloud by screen readers, shown when an image fails to load, and used by search engines to understand what a picture depicts. Despite being one of the simplest accessibility wins available, missing and low-quality alt text remains one of the most common issues on the web — and an alt text checker is the fastest way to find and fix it.

This guide explains what alt text is, why it matters for both accessibility and SEO, how to write it well, and how to use a checker to audit your pages in seconds.

What Is Alt Text?

Alt text (short for "alternative text") lives inside the image tag, like this: <img src="chart.png" alt="Bar chart of 2025 revenue by region">. It is the text alternative for an image — what a person should understand if they cannot see the picture itself.

There are three audiences for alt text. First, people using screen readers, who hear the alt text announced in place of the image. Second, anyone on a slow or broken connection, who sees the alt text when the image fails to download. Third, search engine crawlers, which use alt text (along with the file name and surrounding content) to index images and understand page context.

Why Alt Text Matters for SEO and Accessibility

From an accessibility standpoint, alt text is a requirement, not a nicety. The Web Content Accessibility Guidelines (WCAG) success criterion 1.1.1 requires a text alternative for all non-text content. Images without alt text are a frequent cause of failed accessibility audits and can expose organizations to legal risk under laws such as the ADA in the United States and the EAA in Europe.

From an SEO standpoint, alt text is how images earn visibility in Google Images and contributes signals to the page's overall relevance. Descriptive alt text on a product photo, infographic, or diagram helps search engines connect that asset to the right queries. It also improves the experience for the growing share of users who browse with assistive technology — and Google has repeatedly said it rewards genuinely accessible, helpful pages.

Missing vs Empty vs Bad Alt Text

Not every alt issue is the same, and a good checker distinguishes between them:

  • Missing alt — the attribute is entirely absent. Screen readers may fall back to reading the file name aloud (e.g. "I-M-G underscore 4821 dot jay-peg"), which is useless. This is the highest-priority fix.
  • Empty alt (alt="") — an intentional empty value that tells assistive technology to skip the image. This is correct for purely decorative images like dividers, spacers, and background flourishes, but a problem when used on meaningful images.
  • Filename alt — the alt is just the file name, such as "IMG_4821.jpg". Technically present, practically worthless.
  • Redundant alt — text that starts with "image of" or "photo of". Screen readers already announce the element as an image, so the prefix is wasted.
  • Too-long alt — descriptions that ramble past roughly 125 characters get truncated by some screen readers and bury the point.

How to Write Good Alt Text

Effective alt text is specific, concise, and contextual. Follow these rules:

DoDon't
Describe the content and function of the imageStuff it with keywords
Keep it under ~125 charactersWrite a full paragraph
Use alt="" for purely decorative imagesLeave the attribute off meaningful images
Convey the meaning a sighted user would getStart with "image of" or "picture of"
Include text shown in the image (e.g. on a button)Repeat the caption verbatim

A simple test: read the alt text aloud and ask whether someone who cannot see the image now understands why it is on the page. "Logo" fails that test; "SemlyPro logo, links to homepage" passes it.

How to Use an Alt Text Checker

1. Paste your HTML

Open the page in a browser, right-click and choose "View Page Source," and copy the markup into the checker. You can also paste a single section, a CMS template, or a block of generated HTML — the tool scans every <img> it finds.

2. Review the flagged images

The checker lists every image with its src and alt value, then tags each one as missing, empty, too long, filename, redundant, or good. Sort by issues to see exactly what needs work first.

3. Check your coverage score

The alt-coverage pass rate shows what percentage of your images have usable alt text. Aim for 95%+ (an "A" grade), counting correctly-marked decorative images as passing. Track this over time as you publish.

4. Fix and re-check

Apply the per-image suggestions, paste the updated HTML, and confirm the score climbs. Because the checker is instant and deterministic, you get the same result every time with no waiting.

Common Alt Text Mistakes

  • Leaving the alt attribute off entirely instead of writing alt="" for decorative images.
  • Using the raw file name as the description.
  • Keyword-stuffing alt text in the hope of ranking — this hurts both accessibility and SEO.
  • Writing alt text for icons that are already labeled by adjacent visible text (creating duplicate announcements).
  • Forgetting alt on images inside links, which leaves screen-reader users with an unlabeled link.

Expert Tips

Use empty alt for decorative images

Dividers, spacers, and background flourishes should use alt="" so screen readers skip them. Omitting the attribute entirely is a bug; an empty alt is the correct, intentional choice.

Describe meaning, not just appearance

Write what a sighted user would take away from the image in context. “Logo” fails; “SemlyPro logo, links to homepage” passes. Skip “image of” prefixes — screen readers already announce it as an image.

Frequently Asked Questions

What is alt text and why does it matter?

Alt text is the written description in an image's alt attribute. It lets screen-reader users understand the image, shows when the image fails to load, and helps search engines index it. It is required by accessibility guidelines (WCAG 1.1.1) and supports image SEO.

Should every image have alt text?

Every image needs an alt attribute, but the value depends on the image. Meaningful images need a descriptive alt; purely decorative images should use an empty alt="" so screen readers skip them. The attribute should never simply be omitted.

How long should alt text be?

Aim for under roughly 125 characters. That is long enough to describe most images clearly while staying within the point where some screen readers truncate. Lead with the most important detail in case it gets cut off.

Is alt text a Google ranking factor?

Alt text is the primary way Google understands and ranks images in Google Images, and it contributes to the page's overall context. It is not a magic ranking lever, but accurate, descriptive alt text helps both search visibility and the user experience Google rewards.

Related guides

Related tools