Media

Write captions for a before/after transformation gallery

A scenario prompt for a home renovation before/after gallery, handling which photo is which for screen readers and the honesty problem when the two shots were taken from different angles.

Works with Claude / GPT990 uses 4.4

The prompt

media-before-after-gallery-captions
We're publishing a kitchen remodel gallery with four before/after pairs. Each pair
is displayed side by side on the page.

Pair 3 is the one that needs care: the "before" photo was shot straight-on from
the doorway, but the "after" photo was shot from an angled corner because the
straight-on spot is now blocked by a new island. The angle change makes the space
look bigger than the layout change alone accounts for.

[replace with your own project and describe each before/after pair]

Write:
1. A caption pattern for each pair that makes it unambiguous which image is
   "before" and which is "after," for a screen reader user who can't rely on
   left-right visual position the way a sighted user would.
2. For pair 3 specifically, a caption that's honest about the angle change (e.g.,
   noting the shot was taken from a different position) rather than implying a
   direct like-for-like comparison, since a customer could reasonably feel misled
   if the apparent size gain is partly a camera-angle trick.
3. A short note on whether these four pairs need individual alt text in addition
   to the visible captions, given the images already sit inside a labeled
   "before/after" gallery section.

The angle problem in pair 3 is the one non-experts miss: a before/after gallery is implicitly making a comparison claim, and if the camera position changed along with the renovation, the caption needs to say so, or the gallery is quietly overselling the result.