Images missing alternative text on Next.js
What this is
3 images have no text alternative. Screen readers announce the file name or skip the image, so blind users miss what it shows.
Who it affects
- Screen reader users
- People with low vision
Standards
How to fix it
- Decide whether the image conveys information (a product, a chart, a person) or is purely decorative.
- For informative images add an `alt` that says what the image communicates in context, in one short sentence – not "image of…".
- For decorative images use an empty `alt=""` so assistive technology skips them.
- If the image is a link or button, describe where it goes or what it does instead.
Example
Before
<img src="/team.jpg">After
<img src="/team.jpg" alt="TODO: describe what this image shows">Replace the TODO with a real description, or use alt="" if the image is purely decorative.
On Next.js
Give every `<Image>` / `<img>` an `alt` prop with a description, or `alt=""` when decorative. `next/image` requires `alt`, so check imports of plain `<img>` too.
Other platforms
Prompt for an AI coding tool
Scan your site with AccessibilityBrief and you get a ready-to-use prompt for this problem, with the exact elements on your pages filled in.
Check your own website
Paste a web address. The free scan checks one page and shows what it finds.
More fixes
Automated testing detects only a portion of WCAG issues. Manual testing is required to assess full conformance.