Images Missing Alt Text

Finds images without alt attributes, which hurts accessibility and SEO.

Why This Is Bad

Blind users rely on screen readers to understand images. Without alt text, your site is inaccessible to millions of people. It also hurts SEO.

How To Fix

Add descriptive alt text to all images:

tsx

// Before (BAD)
<Image src="/hero.png" width={800} height={600} />
<img src="/photo.jpg" />

// After (GOOD)
<Image 
  src="/hero.png" 
  width={800} 
  height={600} 
  alt="A developer reviewing code on their laptop"
/>
<img src="/photo.jpg" alt="Team meeting in the office" />

For decorative images, use an empty alt:

tsx

<Image src="/decoration.svg" alt="" aria-hidden="true" />

When You Pass This Check

All your images have alt text. Excellent accessibility!

Check If Your Repo Has This Issue

Our free scanner will detect this and 17 other common issues in your codebase.