DD DevDome Track. Protect. Grow.

Image Alt Text Checker

Paste a page address and get every image on it with its alt text: the ones with no alt attribute, the ones marked decorative, lazy-loading and declared sizes. A fix list for accessibility and image SEO.

How to use it

  1. Paste the page address. Any public page works; posts with galleries are the usual candidates.
  2. Press Check images. The HTML is fetched from our server and every img element is listed with its attributes.
  3. Fix the missing alts first, then review the empty ones (are they really decorative?), then add width and height where they are missing.

The audit nobody runs by hand

A page with forty images is forty chances to leave the alt attribute out, and the WordPress media library makes it easy: an image uploaded without alt text stays silent on every page it is inserted into. Screen reader users get the file name read aloud, image search gets nothing, and an accessibility review flags each one.

The checker lists every img on the page with the attributes that matter: alt (present, empty or missing), the source, whether it lazy-loads, and whether width and height are declared. Sorted so the problems come first.

Alt text FAQ

What is the difference between no alt and an empty alt?

A missing alt attribute is an error: screen readers fall back to reading the file name, which is noise. An empty alt (alt="") is a deliberate statement that the image is decorative and should be skipped, which is correct for spacers, background-like photos and icons next to text that already says the same thing. The checker reports the two separately.

What makes good alt text?

A short description of what the image shows and why it is there, in the context of the page: "Bar chart of monthly visitors, rising from 2,000 to 9,500 in 2025" rather than "chart" or "image1.png". Do not start with "image of" and do not stuff keywords; one clear sentence is the norm. If the image is a link, describe where the link goes.

Does alt text matter for SEO?

Yes, for image search and as context for the page. Google uses alt text, the file name and the surrounding text to understand an image. Accessibility is the primary reason to write it, and the same text serves both.

Why does the checker miss some images?

It reads the HTML the server sends. Images added by JavaScript after load, images inside iframes, and CSS background images are not img elements in that HTML. Lazy-loaded images that keep their real address in data-src are detected and shown as such.

What do the width and height columns mean?

Whether the img tag declares its dimensions. Browsers use them to reserve space before the image loads, which prevents layout shift (the CLS metric in Core Web Vitals). Missing dimensions are not an accessibility problem but they are a performance one, so the checker lists them.