Reviewed October 24, 2026

Alt Text for Product Images: A Practical Guide for Stores

Alt text is how screen reader users shop your images. What good product alt text says, what to leave out, and how to handle galleries and swatches.

What alt text is for

Alt text is the written stand in for an image, read aloud by screen readers and shown when images fail to load. On a product page, images do heavy commercial work: they show color, material, scale, and detail. A blind shopper deserves that information in words, and alt text is where it lives.

Good alt text conveys what a sighted shopper learns from the picture. Bad alt text repeats the file name, stuffs keywords, or says image of. The test is simple: if the image vanished and only your alt text remained, would the shopper still be able to decide whether to buy?

Writing alt text for product shots

Name the product, the variant shown, and the detail the shot exists to show. A front shot needs the color and key features. A close up needs the material or texture it demonstrates. A lifestyle shot needs the context: the bag carried on a shoulder, shown at hip height, communicates scale that a studio shot cannot.

Keep each description to a sentence or two, specific rather than poetic. Red is a fact, sunset inspired crimson dreamscape is marketing fog that also slows the screen reader user down. Put color names in alt text exactly as the variant selector names them, so the words match what the shopper hears when choosing options.

Galleries, swatches, and decorative images

Every meaningful gallery image needs its own alt text, because each angle adds information. Repeating the product title five times across five images wastes the gallery. Describe what changes from shot to shot: back view, interior pocket layout, strap adjustment buckle, fabric weave at close range.

Color swatches need text equivalents too: the swatch name should be programmatically tied to the option, not conveyed by the colored square alone. Purely decorative images, background textures and design flourishes, should carry empty alt text so screen readers skip them silently instead of narrating clutter between the shopper and the buy button.

Making it sustainable in a real store

Alt text fails at scale when it depends on someone remembering, per upload, forever. Build it into the product creation checklist, add it in the same session as the photography, and use the fields your platform provides rather than burying descriptions in file names nobody reads aloud.

Audit by shopping your own store with a screen reader once. Ten minutes of hearing your product pages read back teaches more about alt text quality than any guideline document, including which images you described lovingly and which ones you abandoned at product image final version two.

Related reading

If this topic is useful, these earlier guides go deeper on connected questions: How to Test Your Checkout With Only a Keyboard, Accessible Product Videos: Captions, Transcripts, and Controls, and Skip links on Shopify themes: the small tag that saves keyboard users minutes.

Frequently asked questions

How long should product alt text be?

Usually one to two sentences. Long enough to convey the product, variant, and the point of that specific shot, short enough to stay usable. If a detail needs paragraphs, it belongs in the product description, with the alt text summarizing it.

Should alt text include keywords for SEO?

Alt text can support search when it describes the image accurately, since accurate descriptions naturally contain relevant words. Stuffing keyword lists into alt text harms screen reader users and risks search penalties. Describe the image; the SEO benefit follows.

What alt text should a logo or decorative banner have?

A logo that links home is usually labeled with the store name. Purely decorative images should have empty alt text so assistive technology skips them. The rule is: if removing the image loses no information, its alt text should be empty.

Do videos and 360 views need text alternatives too?

Yes. Product videos need captions and, where the visual content carries information not in the audio, a description or transcript. A silent spinning product view tells a screen reader user nothing unless a text alternative explains what it shows.