Rewrite Weak Alt Text

Meaningful alt describes what the image communicates. Filename echoes such as alt="header" or alt="product" fail rules 15–19.

Your task

Each image below ships with a weak alt taken from real sample-site patterns (filename echo or generic label). Rewrite every alt so it would make sense spoken over the phone. Keep decorative images as alt="" only when nearby text already carries the meaning.

Broken samples (rewrite these)

header
Product hero photograph on a storefront landing page. Current alt="header".
product
Close-up of wireless over-ear headphones on a desk. Current alt="product".
store
Retail shelf of boxed headphones under warm store lighting. Current alt="store".
logo
Site logo in the header. If the brand name is already in adjacent text, prefer alt=""; otherwise name the brand once.
client
Portrait of a smiling customer used beside a testimonial quote that already names them. Current alt="client".

Checks

Important HTML

Describe meaning, not the file name or the CSS role of the box.

<!-- Weak -->
<img src="assets/header.png" alt="header">

<!-- Stronger -->
<img src="assets/header.png"
     alt="Black over-ear headphones floating above a soft blue gradient"
     width="640" height="360">