# Images missing alt text in Svelte

> How to fix images missing alt text in Svelte — with the exact fix and copy-paste code.

_Category: Search visibility · Detector `seo` · Check `image-alt-missing` · Severity: warning_

The `alt` attribute is how screen-reader users perceive an image and how search engines (and image search) understand it. An `<img>` with no `alt` attribute is opaque to both — the user hears only “image” or the filename. AI-generated markup frequently emits `<img>` tags with a `src` and nothing else.

## The fix for Svelte

Svelte’s compiler emits an `a11y-missing-attribute` warning for `<img>` without `alt`.

```svelte
<img src={photo.url} alt={photo.caption} />
```

### Steps

1. Add a descriptive `alt` to every content image
2. Use `alt=""` for decorative images (not a missing attribute)
3. For dynamic images, require `alt` text at the data layer

## How VibeCheck detects it

The `seo` detector flags this live in the browser and reports it to the widget's Problems list — and to your coding agent over MCP.

- **Issue string:** `Images missing alt text`
- **Threshold:** one or more <img> without an alt attribute

## FAQ

### Is `alt=""` ever correct?

Yes — for purely decorative images (dividers, background flourishes), an explicit empty `alt=""` tells assistive tech to skip it. That is different from omitting the attribute, which VibeCheck flags.

### What makes good alt text?

Describe the information the image conveys in context, concisely. Skip “image of” — screen readers already announce it is an image.

### Does alt text help SEO?

Yes. It helps images rank in image search and adds relevant context to the page. It is also a legal accessibility requirement in many jurisdictions.

See the general, framework-agnostic fix: https://vibecheck.wcgw.fun/fix/missing-image-alt-text.md

---

Fix guide from VibeCheck — https://vibecheck.wcgw.fun/fix/missing-image-alt-text. Full site index for LLMs: https://vibecheck.wcgw.fun/llms.txt