WCAG 1.1.1Non-text Content

Images Without Alt Text

What is this issue?

Missing alt attributes on images is the single most common accessibility failure on the web. WCAG Success Criterion 1.1.1 (Level A) requires every meaningful image to have a text alternative that conveys the same information as the visual content. When alt text is absent, assistive technologies such as screen readers have no way to describe what the image shows, leaving blind and low-vision users completely in the dark.

The problem goes beyond decorative photos. It affects functional images used as links or buttons, icons that convey status, infographics, charts, and CMS-uploaded product photos. Each category requires a different approach: decorative images should use an empty alt (alt=""), informative images need a concise description, and complex visuals like data charts require a longer text alternative provided through a caption or a linked description.

This issue is especially prevalent on WordPress and Shopify sites where content editors upload images through a media library without filling in the alt field. Automated site builders and page builders frequently omit alt attributes entirely, producing thousands of inaccessible images across large sites.

Impact on users

For people who are blind and rely on screen readers like NVDA, JAWS, or VoiceOver, an image without alt text is announced as the raw filename -- often something unintelligible like "DSC_4523.jpg" or "hero-banner-v3-final.png". If that image is a link or a button, the user has no idea what action it performs, making essential interactions like adding an item to a cart or submitting a form impossible.

Low-vision users who rely on magnification may also be affected when they zoom past the image and only the text alternative would allow them to understand what was displayed. Search engines also use alt attributes to index images, so missing alt text is a direct SEO loss as well.

Globally, approximately 2.2 billion people have some form of vision impairment. Omitting alt text excludes a significant portion of your audience from understanding your content, and it constitutes a Level A WCAG violation -- the most basic tier of compliance that every site should meet.

Code example

Before (non-compliant)
<img src="/images/promo-banner.jpg">
<a href="/cart">
  <img src="/icons/cart.svg">
</a>
<img src="/images/quarterly-revenue.png">
After (compliant)
<img src="/images/promo-banner.jpg"
     alt="Summer sale: up to 50% off all items">
<a href="/cart">
  <img src="/icons/cart.svg" alt="Shopping cart">
</a>
<img src="/images/quarterly-revenue.png"
     alt="Q3 2025 revenue: $4.2M, up 12% from Q2">

How Scrutia detects this issue

Scrutia's automated audit engine scans every page of your site and flags all <img> elements that lack an alt attribute entirely, as well as images whose alt text is a filename, an auto-generated placeholder, or an excessively long string. It also checks functional images inside links and buttons to ensure the text alternative describes the action rather than the image's appearance. Results are presented with the exact element location and a ready-to-use fix.

Check your site for this issue

Scrutia audits your site against WCAG criteria in minutes.

Free audit

Frequently Asked Questions

When should I use an empty alt attribute (alt="")?
Use an empty alt attribute on images that are purely decorative and add no information to the page. Examples include background textures, ornamental dividers, and icons that duplicate adjacent text. The empty alt tells screen readers to skip the image entirely.
How long should alt text be?
Keep alt text concise -- ideally under 125 characters. It should describe the purpose or content of the image, not its appearance. For complex images like charts, provide a short alt and link to a longer description.
Does this affect SEO?
Yes. Search engines use alt text to understand and index images. Missing alt attributes mean your images won't appear in image search results and the page loses relevance signals.
How can I find all images without alt text on my site?
Run a free Scrutia audit at scrutia.io. The report lists every image missing alt text along with its page URL, element selector, and a suggested fix.

Does your site have this issue?

Scrutia scans your pages against WCAG success criteria and delivers actionable fixes. Results in 5 minutes.

Run a free audit