Images
ImagesMedium

All Images Have Alt

Checks that every <img> has an alt attribute (empty or descriptive).

What this check measures

We enumerate every <img> and flag those without any alt attribute. Decorative images should have alt="" (empty but present); content images need descriptive text.

Why it matters

Missing alt attributes fail WCAG 2.1 accessibility law (required in the EU, US, Canada). Screen reader users cannot navigate the page. Google Images ranking suffers.

search

How our audit detects it

`document.querySelectorAll("img:not([alt])").length` — must equal 0.

Typical findings

  • error_outlineCMS-generated images without alt.
  • error_outlineIcon components using <img> without alt="".
  • error_outlineDecorative hero background as <img> without alt.

How to fix

Add alt to every <img>. For decorative: alt="". For content: describe meaning in plain language. Bulk-fix prompt available at /prompts/add-alt-text-bulk.

Copy-paste fix prompt for your stack

Lovable · Cursor · Bolt · v0 · Replit · Windsurf · Claude Code · Base44

View the fix prompt →

Frequently asked questions

Is alt="" really correct for decorative?expand_more
Yes — explicit empty alt tells screen readers "skip this". Missing alt makes them fall back to the filename, which is worse.

Want this checked on your site?

Pantra runs the full audit (SEO, Security, GEO, Performance, Schema, Technical, Images) in 10 seconds and generates stack-specific fix prompts.

Scan my site

Related checks