Practical framework / 5 MIN READ
Describe the job of the image, not every pixel
Make image alternatives preserve the information or action that matters in this particular context.
AI-assisted research and analysis for the SNS Creative Fieldbook
Sources checked 2026-11-06
The same image can need different alternative text in different placements. Its useful meaning comes from its role in the page, not from a universal caption attached to the file.
What you will leave with: Leave with an image-purpose inventory and reviewable alternatives for a complete page.
Use this when
- Images carry information missing from the surrounding text.
- A CMS reuses one alternative across very different pages.
- Icons or product images act as links without clear names.
This is not an SEO keyword field, a substitute for full accessibility testing or a reason to describe purely decorative details.
Identify what would disappear
Review the page without relying on its images. Ask what information, instruction or action would be lost. A close-up may demonstrate a connector shape, while a lifestyle photograph may simply establish atmosphere. Write the lost meaning in plain language before drafting an alternative.
Consider the surrounding text. If the adjacent copy already communicates the necessary information, avoid making someone hear the same explanation twice without a reason. If the image supplies evidence the copy lacks, ensure the alternative conveys that evidence rather than merely naming the object. Keep the decision tied to the placement.
Choose the right kind of alternative
W3C distinguishes informative, decorative and functional images. Its guidance calls for essential information for informative images, an empty alternative for purely decorative images and the action or destination for functional images. Complex visuals may need a fuller text equivalent rather than a compressed label.
Use that distinction as a production decision. A decorative texture should not receive a poetic description just because an upload field exists. An image used as the only link to a product needs a meaningful destination, not a list of colors. Do not let automated descriptions replace an editor's understanding of the page.
Preserve the important detail
Draft the shortest alternative that retains the necessary meaning, then ask whether a reader can complete the relevant task. A fitting illustration may need the orientation of a part; a chart may need an accessible table or explanation nearby. Do not force a long procedure into a single image field when structured text would be clearer.
For product photography, decide which visible differences matter to the choice being made. Do not invent material, performance or dimensions from appearance alone. Link descriptive decisions to verified product information when necessary. An accessibility improvement must not introduce a new unsupported commercial claim.
Review the rendered page
Check the live output rather than assuming the CMS field becomes the right alternative in every component. Inspect linked images, galleries and responsive variants. A component can duplicate text, omit it or announce a different action from the one intended.
Include image purpose in the handoff between writer, designer and publisher. Revisit alternatives when a crop changes, a destination moves or the same asset is used in a new context. Test representative tasks with appropriate tools and, where practical, people who use assistive technology. A completed field is not proof that the experience works.
Make the reasoning concrete.
A hypothetical luggage shop uses one photograph on a product page and again as a decorative banner.
Product detail
Opening: The close-up shows the location of an external charging port.
Hypothesis: The alternative should preserve that relevant visible detail.
Risk: It must not imply a battery is included unless verified.
Decorative banner
Opening: The same photo sits behind a heading that already identifies the collection.
Hypothesis: An empty alternative may avoid redundant information if the image adds no needed meaning.
Risk: If it becomes a link, the functional purpose must be reconsidered.
The editor stores the purpose with each placement and checks the rendered component, rather than assigning a universal description to the file.
Take the questions into your next brief.
Use these prompts in your own notes. Nothing is submitted from this page.
Purpose
What information or action does this image contribute?
Context
What is already explained beside it?
Alternative
What would preserve the useful meaning without invention?
Complexity
Does this need a longer explanation or data table?
Verification
How does the actual component expose the alternative?
Watch for the wrong conclusion.
- Stuffing search keywords into alternative text.
- Describing decoration as though every detail is essential.
- Using visual descriptions for image-only actions.
- Assuming automated object recognition understands the editorial point.
Your next action
Audit the images on one important page and assign each a purpose before writing or revising its alternative.
Sources & scope
The framework, examples and suggested checks are original editorial synthesis. Hypothetical examples are not measured results. Source checking is not an independent audit or a guarantee of business outcomes. No named human reviewer is claimed.
- W3C WAI: Images tutorial →Primary publisher guidance · Supports: Supports choosing alternatives by image purpose, including informative, decorative and functional images. The editorial review workflow is original synthesis, not a complete accessibility audit.