Nuxt · Images

NUXT0009Provide alt text for Nuxt images

Checks that Nuxt project code includes the alt needed for predictable behavior.

Why it happens

Images affect accessibility, layout stability, and performance. Nuxt Image gives the framework enough information to optimize them.

Fix

Add meaningful alt text, or an empty alt for decorative images.

Example

Add alt

Before

<template>
  <img src="/hero.png">
</template>

After

<template>
  <NuxtImg src="/hero.png" alt="Hero" width="1200" height="630" />
</template>

Verify the fix

Run only this rule after editing so the report stays focused on the diagnostic you are closing:

pnpm nuxt doctor --rules nuxt-image/require-alt
Copyright © 2026