Success Criterion 1.1.1
Conformance level A

Mood-Only Hero Image Given an Overly Detailed Alt Description

1.1.1 — Non-text Content

Scenario

Setting

A pharmacy app's prescription-refill form

What’s wrong

Stock "hero" images that convey mood only but are exposed with verbose, distracting alts (should be decorative).

Example

<img src="chart.png">

Why it matters

Blind and low-vision people using screen readers, and anyone who browses with images disabled, when icons or photos carry meaning.

How to test

Read the alt text on hero/mood images: if it's a full paragraph describing an image meant only for atmosphere, it should instead be marked decorative (alt="").

How to fix

Mark mood-only hero images as decorative (empty alt) instead of narrating them.

<img src="chart.png" alt="Q3 revenue chart showing 12% growth">

The alt attribute gives assistive technology the same information the image conveys visually.

Outcome

On a pharmacy app's prescription-refill form, this barrier is gone for blind and low-vision people using screen readers — they get the same result as anyone else here.

Who is affected