# Images missing alt text in Vue

> How to fix images missing alt text in Vue — 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 Vue

Bind `alt` in the template; enable `vuejs-accessibility/alt-text` to catch omissions.

```vue
<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