What Images Exist Across E-commerce Customer Journeys?: A Guide to Image Identification for Image Description Writing

In this essential guide to e-commerce image identification, learn to recognize the unique role of every visual asset in the customer journey and apply the Technical, Content, and Intentional contexts. This framework ensures writers can create precise, accessible, and high-quality image descriptions.

Scribely Team

February 20, 2025

4-5 minutes

A close-up of a person at a table, focused on an online transaction. One hand holds a blue credit card, while the other types on the keyboard of a silver laptop. A notebook and pen are also visible.
Image Description
Image Description Goes Here
ALT

Introduction

Understanding the distinct role of every photograph is the first step toward universal accessibility in e-commerce. This guide establishes a systematic framework for image identification, allowing writers to categorize visuals by their Technical, Content, and Intentional Contexts. Mastering this process ensures the alt text accurately reflects the unique objective of each shot, from Studio introductions to functional Infographics, thereby enhancing the overall customer experience.

In the dynamic landscape of online commerce, your visuals are your storefront. Exceptional product photography is the most powerful tool you have to draw in consumers, communicate the quality of your merchandise, and provide essential information. 

However, since no two product photos share the exact same objective or visual focus, their descriptions must also vary. The key to powerful accessibility lies in crafting your image description to align with its context and intended purpose. 

Knowing that these images are crucial in supporting customer shopping goals and helping customers arrive at purchasing decisions, this guide addresses the fundamental questions for image description writers: what are the types of e-commerce images, what purpose do they serve, and what should an alt text author consider when writing their descriptions?

About This Resource

This guide serves as an essential manual for e-commerce image identification. The reader will gain expertise in recognizing different image categories and the distinct role each one plays in the shopper's decision-making journey. More critically, the resource breaks down the types of context necessary for crafting high-quality image descriptions that truly enhance the customer experience.

The three types of context that will be discussed are:

  • The Technical Context is the verifiable, objective data about the product that the image is intended to confirm .
  • The Content Context refers to the image's location within the e-commerce customer journey.
  • The Intentional Context captures the strategic purpose behind the image's creation.

The following guide describes each image type, illustrating how the focus within these three contextual inputs shifts based on the image’s unique objective.

Image Type: Studio Shot

Front-facing product image of single-sink vanity shown against a plain white background. The style is rustic-modern with a light brown wood textured finish and a white quartz countertop with a rectangular sink.
To view the image in context visit the Pottery Barn Website.

What is the purpose of the image?

The Studio Shot is the product's formal introduction: a clean, high-quality image of the item alone, typically set against a pure white or plain background. Its purpose is to provide a clear, distraction-free view of exactly what the customer is buying.

What is the image description strategy?

Your alt text for a studio shot should be the most technical and fact-based. It needs to confirm the core features, color, and finish without the distraction of setting. Focus on the literal appearance, noting the background only to confirm the product is isolated, and state the dimensions if they are critical to understanding the item's size.

Image Description

Front-facing product image of single-sink vanity shown against a plain white background. The style is rustic-modern with a light brown wood textured finish and a white quartz countertop with a rectangular sink. 

What are the types of context to reference when describing a studio shot?

Technical Context (The "What")

When analyzing a Studio Shot, the writer must focus on the product's fundamental properties: its official name, exact materials, specific color, and critical dimensions. This context ensures the description is factually precise and directly links the visual asset to the inventory or catalog data.

Content Context (The "Where")

The writer must confirm the image's deployment location as a main gallery image on a Product Detail Page (PDP). This context confirms the product must be presented without visual distraction, emphasizing literal accuracy above all else.

Intentional Context (The "Why")

The Studio Shot's primary purpose is to confirm objective presentation. The alt text must act as the factual, literal representation of the product, serving as the basis for all other descriptions and excluding any subjective or aspirational language.

Image Type: Lifestyle Shot (or In-Context Shot)

A full bathroom setting featuring the Cayman 61" vanity. The ADA-compliant open-base design is highlighted by a wheelchair positioned to the left. The view is straight-on, showing tan subway tiles, a rectangular mirror, black fixtures, and decorative items.
To view the image in context visit the Pottery Barn Website.

What is the purpose of the image?

A Lifestyle Shot brings the product to life by showing the item in action (e.g., a sofa in a decorated living room, or a kitchen appliance on a counter). Its main purpose is to help customers visualize the product in their own lives. It answers questions like, "How big is it?" or "How would I use this?" and sells a "feeling" or "experience," not just an item.

What is the image description strategy?

This alt text must capture the scene, the context, and any functional elements being highlighted. Focus on how the product performs or fits into a setting. Describe the setting and any props (like people or complementary items) that demonstrate scale, use, or a featured accessible design element.

Image Description

A full bathroom setting featuring the Cayman 61" vanity. The ADA-compliant open-base design is highlighted by a wheelchair positioned to the left. The view is straight-on, showing tan subway tiles, a rectangular mirror, black fixtures, and decorative items.

What are the types of context to reference when describing a lifestyle shot?

Technical Context (The "What")

While core product properties are noted, the emphasis shifts to how the product fits, functions, and relates to its surroundings and other objects (e.g., people or furniture) to illustrate its scale or a key functional feature (like accessibility compliance).

Content Context (The "Where")

The image is often used on PDPs and Category Pages. The writer must confirm this placement to understand the priority is to help the customer visualize the product in use or in a completed setting, necessitating detailed scene description.

Intentional Context (The "Why")

The Lifestyle Shot's primary purpose is to sell the experience. The writer should describe the scene and atmosphere to capture the intended aspirational feeling or functional validation, answering customer questions about use, size, and fit.

Image Type: Detail Shot (or Close-Up Shot)

Close-up product image taken at an angle, showing the left side of the vanity. The light wood textured panel is open, revealing two internal pop-out drawers on smooth metal glides stacked vertically. The white quartz countertop is visible at the top.
To view the image in context visit the Pottery Barn Website.

What is the purpose of the image?

The Detail Shot is a macro or close-up photo of a specific part of the product, such as the texture of a fabric or the controls on a device. Its purpose is to showcase craftsmanship, quality, and specific features that build trust. It's the digital equivalent of a customer picking up an item to inspect it closely.

What is the image description strategy? 

Focus on the texture, material, or specific mechanical function being emphasized. Describe the action (e.g., a hand pressing a button, a drawer being opened) or the texture (e.g., stitching, grain) to highlight the premium aspect that justifies the cost.

Image Description

Close-up product image taken at an angle, showing the left side of the vanity. The light wood textured panel is open, revealing two internal pop-out drawers on smooth metal glides stacked vertically. The white quartz countertop is visible at the top. 

What are the types of context to reference when describing  a detail shot?

Technical Context (The "What")

The focus must be entirely on the specific texture, material detail, mechanical function (e.g., a hinge or joint), or finish that the close-up view is intended to emphasize, directly linking to quality claims.

Content Context (The "Where")

The image is typically found on the PDP to provide supporting evidence for material quality or advanced features mentioned in the product copy. The description must prioritize this evidence.

Intentional Context (The "Why")

The purpose is to build trust and showcase craftsmanship. The alt text should capture the premium aspect that justifies the cost or validates a structural feature, focusing on the quality shown in the zoomed view.

Image Type: Scale Shot

The Cayman Nightstand with a glass top and medium wood finish is positioned next to a bed whose mattress is even with the nightstand's top, illustrating its scale. The nightstand features one open shelf with two stacked books and a single drawer below.
To view the image in context visit the Pottery Barn Website.

What is the purpose of the image?

The Scale Shot shows the product next to a common, everyday object (like a coin or a laptop) to visually communicate its size. Its purpose is to give customers an accurate and immediate sense of the product's dimensions and prevent surprise or disappointment upon arrival.

What is the image description strategy?

State the product's size in relation to the object in the frame to provide concrete, relatable context. Explicitly name both the product and the reference item, and mention the scale (e.g., "The object is half the size of the coin" or "The product is slightly wider than the standard laptop next to it").

Image Description

The Cayman Nightstand with a glass top and medium wood finish is positioned next to a bed whose mattress is even with the nightstand's top, illustrating its scale. The nightstand features one open shelf with two stacked books and a single drawer below.

What are the types of context to reference when describing  a scale shot?

Technical Context (The "What")

The context must clearly identify both the product and the known reference object, specifying their size relationship (e.g., "half the size of...") to translate dimensions visually and concretely.

Content Context (The "Where")

Confirm its use on the PDP gallery to provide a quick, understandable measure of size, directly addressing common customer concerns about item dimensions.

Intentional Context (The "Why")

The primary goal is to prevent disappointment and manage expectations. The description must give a concrete, relatable sense of the product's physical size, prioritizing the reference object over other descriptive details.

Image Type: Group Shot

A bathroom setting features the vanity, styled beneath the Vintage Rounded Rectangular Pivot Mirror and Cooper Ribbed Sconces. The background features glossy, tan subway tiles. The Mongolian Faux Fur Stool and Linden Grab Bar are to the right.
To view the image in context visit the Pottery Barn Website.

What is the purpose of the image?

A Group Shot shows a product alongside other items. Its purpose is to showcase options, encourage cross-selling, or clarify exactly what the customer will receive in a bundle.

What is the image description strategy?

Describe the main product but also mention the surrounding elements to convey the overall aesthetic and context. Be clear about what the photo shows versus what is included. List the key secondary item s that complete the aesthetic or make up the bundle, always prioritizing the most relevant product information first.

Image Description

A bathroom setting features the vanity, styled beneath the Vintage Rounded Rectangular Pivot Mirror and Cooper Ribbed Sconces. The background features glossy, tan subway tiles. The Mongolian Faux Fur Stool and Linden Grab Bar are to the right.

What are the types of context to reference when describing  a group shot?

Technical Context (The "What")

The writer must prioritize the main product while identifying all secondary items that complete the scene or are included in a bundle, being explicitly clear about what is and is not for sale.

Content Context (The "Where")

Confirm its placement on PDPs or Collection Pages where its function is to suggest complementary items or display all available variations or bundle contents.

Intentional Context (The "Why")

The purpose is to drive cross-selling or promote a bundle. The alt text must visually communicate how the main product fits within a larger, desired aesthetic or set of products.

Image Type: 360-Degree Spin Photo

Interactive 360-degree view summarizes the vanity's form. The rotation highlights the light wood finish, white quartz countertop, and smooth side panels. It specifically reveals the two concealed pop-out drawers and the accessible, open space underneath the base.
Interactive 360-degree view summarizes the vanity's form. The rotation highlights the light wood finish, white quartz countertop, and smooth side panels. It specifically reveals the two concealed pop-out drawers and the accessible, open space underneath the base.
Interactive 360-degree view summarizes the vanity's form. The rotation highlights the light wood finish, white quartz countertop, and smooth side panels. It specifically reveals the two concealed pop-out drawers and the accessible, open space underneath the base.
To view the image in context visit the Pottery Barn Website.

What is the purpose of the image?

A 360-Degree Spin Photo is a series of images stitched together, allowing the user to click and drag to "spin" the product. Its purpose is to give the customer a full understanding of the product's form from all sides, which is especially useful for items like furniture and electronics.

What is the image description strategy?

State that it's an interactive view and mention the key features confirmed from all sides. The description should be comprehensive, summarizing the product's three-dimensional form and any features that are revealed by rotating the view.

Image Description

Interactive 360-degree view summarizes the vanity's form. The rotation highlights the light wood finish, white quartz countertop, and smooth side panels. It specifically reveals the two concealed pop-out drawers and the accessible, open space underneath the base.

What are the types of context to reference when describing  a 360-degree spin photo?

Technical Context (The "What")

The context must summarize the product's complete 3D form and all major features revealed from every angle (front, back, sides), confirming its structure and construction in a single, comprehensive text block.

Content Context (The "Where")

The image functions as an interactive tool on the PDP. The description should explicitly state its interactive nature and its function of allowing for a comprehensive, virtual inspection of the product.

Intentional Context (The "Why")

The purpose is to ensure transparency and reduce uncertainty. The description must confirm the user has a full, three-dimensional understanding of the item, promoting confidence in construction quality.

Image Type: Infographic Photo

A close-up infographic shows the Linden Towel Bar with Integrated Grab Bar by Michael Graves Design. A hand grips the rail, which is mounted on a white marble subway tiled wall. Overlaid text reads: 'Supportive Rails & ADA-Compliant Hardware.'
To view the image in context visit the Pottery Barn Website

What is the image purpose?

The Infographic Photo is a product photo that has text overlays, icons, or diagrams pointing out key features, benefits, or dimensions. Its purpose is to quickly communicate a lot of important information in an easy-to-digest visual format, reducing the need for the customer to read long text descriptions.

What is the image description strategy?

Describe the visual element and include the overlaid text to ensure that critical information is communicated. The alt text must prioritize conveying the text content of the graphic (the features, dimensions, or benefits) over a detailed description of the photo itself, as the text is the primary data source.

Image Description

A close-up infographic shows the Linden Towel Bar with Integrated Grab Bar by Michael Graves Design. A hand grips the rail, which is mounted on a white marble subway tiled wall. Overlaid text reads: 'Supportive Rails & ADA-Compliant Hardware.'

What are the types of context to reference when describing an infographic photo?

Technical Context (The "What")

The description must focus almost entirely on the overlaid text, icons, or diagrams. All text must be transcribed or summarized, as the graphic's informational content is more critical than the photo's literal appearance.

Content Context (The "Where")

Confirm its use on the PDP to deliver key data points. The goal is to quickly communicate critical features, benefits, or complex technical specifications in a scannable format.

Intentional Context (The "Why")

The purpose is to simplify complex information. The alt text must translate the information of the graphic, not just the visual elements, to ensure accessibility and immediate comprehension of product benefits.

The Path to Inclusive E-Commerce

This guide established a critical framework for understanding the unique purpose of e-commerce visuals. From this foundation, writers gain the capacity for accurate, context-based image description and the tools to write with precision and intent.

This systematic approach ensures that the value and role of every visual asset are fully recognized and translated into accessible text. Contextual identification is an essential step toward creating e-commerce product pages that are not only compliant but are universally understood and functionally effective for every customer.

Aerial view of a person using a credit card to make a purchase on an e-commerce product page. Their open laptop is resting on a wooden surface next to a pink pencil holder and Apple magic mouse.
Image Description
Image Description Goes Here
ALT

Check out Scribely's 2024 eCommerce Report

Gain valuable insights into the state of accessibility for online shoppers and discover untapped potential for your business.

Read the Report

This is an optional feature

This is also optional. This should be a short block of text around 2 - 3 sentences.

Cite this Post

If you found this guide helpful, feel free to share it with your team or link back to this page to help others understand the importance of website accessibility.

Table of Contents

Scribely's Alt Text Checker

With Scribely's Alt Text Checker, you can drop a URL and scan for common alt text issues. Download a report and get organized on next steps to making your images accessible.

Free Scan

Related Articles

A woman with long, reddish-brown hair and bangs speaks into a microphone. She is wearing a black top and a prominent necklace with large, emerald-green stones. Her right hand holds the microphone, and her left hand is partially visible, gesturing as she speaks. The background is a blurred indoor setting with neutral tones.

Image Description

Image Description Goes Here

ALT
A close-up, low-angle shot of a stack of magazines standing upright, viewed from the spines. The pages’ ends are rough and textured, with a mix of light and dark brown tones. In the background, the colorful and varied covers of the magazines are visible but blurred.

Image Description

Image Description Goes Here

ALT
Alice pulls back a curtain with one hand while clutching a skeleton key with the other. She wears a dress with short, puffed sleeves and a flaring, calf-length skirt under an apron. Her hair hangs loosely around her shoulders as she leans forward to look at a knee-high door revealed by the curtain.

Image Description

Image Description Goes Here

ALT
Abstract digital artwork of geometric shapes with warm orange, blue, and pink tones, creating a layered, architectural concept with sharp angles and overlapping surfaces.

Image Description

Image Description Goes Here

ALT
A black and white isometric illustration depicting a centralized digital network. In the center, a large platform supports an orb representing an AI or neural network with smaller orbs connected. This central hub is connected by lines to various floating user interface windows. Four people stand at the smaller orbs using laptops to interact with the technology to illustrate an interconnected workflow.

Image Description

Image Description Goes Here

ALT
A screenshot of the Instagram "Create new post" screen. On the left, there is a preview of an image featuring a single, vibrant red poppy in a sunlit field of green and yellow wheat. On the right, under the post settings, the "Accessibility" menu is highlighted with a red rectangle, showing the user where to find the option to add alt text.

Image Description

Image Description Goes Here

ALT
A minimalist photograph shows three white, Scrabble-like tiles that spell the word 'ALT.' The tiles are perfectly centered against a solid coral-colored background.

Image Description

Image Description Goes Here

ALT
Collage of 4 photos of the disability rights movement featuring the 504 Sit-in, Disability Independence Day, the 0 Busters at Gallaudet, and the Capitol Crawl.

Image Description

Image Description Goes Here

ALT
The Met Gala 2025 steps featuring deep blue carpet with golden daffodils scattered throughout the scene. Title on image reads, "The Top 10 Looks from Met Gala 2025 with Accessible Image Descriptions."

Image Description

Image Description Goes Here

ALT
Cluttered workspace with open books filled with interior design and architecture images, a pair of black-rimmed glasses, crumpled pieces of paper, notebooks, and a laptop.

Image Description

Image Description Goes Here

ALT
Person points at colorful charts and graphs displayed on a laptop screen, analyzing data in a collaborative work setting with a colleague across the table writing in a notepad.

Image Description

Image Description Goes Here

ALT
A hand holds a white digital stylus, poised over a tablet screen, ready to draw or write. Colorful computer monitors and a keyboard fill the blurred background.

Image Description

Image Description Goes Here

ALT
Overhead view of two people sorting through a collection of abstract art prints laid out before them on a surface. They both point at a piece featuring a dark square with simple white line drawings.

Image Description

Image Description Goes Here

ALT
A freshly sharpened yellow pencil lies on lined paper, surrounded by scattered shavings and graphite dust.

Image Description

Image Description Goes Here

ALT
Hand holds a marker to an easel pad showing a hand-draw visualization of an image workflow that includes a user interface, database, and website creation.

Image Description

Image Description Goes Here

ALT
Person sits in a dimly lit room staring blankly into the light of their smartphone screen, head falling towards the couch like they're drained of energy.

Image Description

Image Description Goes Here

ALT
Closeup of a smart phone fixed to a tripod recording a man with short braids and a floral shirt. He sits in front of a low beige sofa as he smiles and points at the camera.

Image Description

Image Description Goes Here

ALT
First person view of a person holding a smartphone and swiping social media with a blurred view of a photo gallery on a Mac behind it.

Image Description

Image Description Goes Here

ALT
Several dusty and disintegrating framed portraits piled atop one another in an empty, run-down space.

Image Description

Image Description Goes Here

ALT
Media
April 19, 2022

Why NFTs Need Alt Text Now

Three people wearing pink smile together as they look at a smartphone screen. The phone has a bright pink case. One person with long pink hair and another with short brown hair laugh.

Image Description

Image Description Goes Here

ALT
Laptop screen with an image of Vimeo's logo next to YouTube's logo. Vimeo's video player user interface is at the bottom of the screen. Text below reads, "Vimeo and YouTube are letting us down." Scribely decorative squiggles separate the laptop from headphones and audio wave icons. Scribely logo in the bottom right corner.

Image Description

Image Description Goes Here

ALT
Person on the far side of a computer screen with their head buried in both hands under an icon for an accessibility overlay.

Image Description

Image Description Goes Here

ALT
Grid of four GIF screenshots featuring four Disabled women doing various reactions with white caption text on each screenshot like “Spill the tea, girl” and “That’s hot.”

Image Description

Image Description Goes Here

ALT
Close up of a person opening a journal at a wood table. They hold a pen in one hand, and a pot of tea and a mug sit in front of the journal.

Image Description

Image Description Goes Here

ALT
The Met Gala 2024 steps draped in a cream-to-seafoam-green ombré carpet, bordered by lush white blooms and topiary greenery. Title on image reads, "The Top 10 Looks from Met Gala 2024 with Accessible Image Descriptions."

Image Description

Image Description Goes Here

ALT
Screenshot of Scribely’s Alt Text Checker. Text reads “Identify alt text issues on your website. Enter your URL below, and Scribely’s Alt Text Checker will scan your webpage for alt text issues and suggest next steps for improvement.” above a fillable field with “Enter your URL” to the left and an Analyze button to the right.

Image Description

Image Description Goes Here

ALT
Front of a digital camera resting on a tripod with a small fuzzy microphone attached to the top via a red cord with a blurred building in the background.

Image Description

Image Description Goes Here

ALT
Resources
April 3, 2023

How to Make Video Accessible

GIPHY logo in all capital, block letters and the cursive Scribely logo, both in white text against a violet-purple background.

Image Description

Image Description Goes Here

ALT
Glimpsed between two open, silver laptops, a person points at a screen as a slightly smaller pair of hands of a younger person rest near the keyboard.

Image Description

Image Description Goes Here

ALT
Blue flag with a ring of 12 yellow stars printed on a 100 Euro bill, which overlaps an American the D of an American dollar bill.

Image Description

Image Description Goes Here

ALT
Resources
September 1, 2024

European Accessibility Act (EAA)

Graphic. Text below an illustration of an open laptop reads, “A Visual Description & Accessibility Glossary” in white text against a sage-green background. The cursive Scribely logo is in the bottom right corner.

Image Description

Image Description Goes Here

ALT
View down onto an open, silver laptop as a person with long red fingernails touches the built-in mousepad. They hold a green credit card in the other hand.

Image Description

Image Description Goes Here

ALT
Woman throws both arms up as she smiles widely, her eyes closed amid a shower of glittering confetti. She wears a teal-green, velvety jacket.

Image Description

Image Description Goes Here

ALT
Person against wood paneling holds one arm across her body to cup the opposite elbow. She holds that second hand to her chin and index finger on her jawline. She looks up, head tipped to the left and smiling.

Image Description

Image Description Goes Here

ALT
Person facing away from us works at a computer with a wide screen. The person wears headphones, and a laptop sits next to a lamp on the desk.

Image Description

Image Description Goes Here

ALT
Pincers at the end of a robotic arm hold a dark pink Gerbera daisy against a sky-blue background.

Image Description

Image Description Goes Here

ALT
Two different hands reach towards one another, nearly touching, as if they are about to shake hands.

Image Description

Image Description Goes Here

ALT
Resources
August 12, 2020

A Guide to Inclusive Language

Person with shaggy, chin-length hair sits with their back to us as they look at a computer screen. They wear headphones and a black and white plaid shirt.

Image Description

Image Description Goes Here

ALT
Accessibility
November 19, 2020

Talking Images: A Screen Reader Revolution

Two smiling people sit on the ground on either side of a low coffee table. Studio-style microphones are set up in front of each person, and one of them touches the mousepad of a laptop.

Image Description

Image Description Goes Here

ALT
Six dancers wearing all black pose in a tightly knit group in front of a concrete wall under a blue sky.

Image Description

Image Description Goes Here

ALT
Person smiles as they move toward us, listening to their device with earphones with a white wire. Out of focus, others walk along the city street in the background.

Image Description

Image Description Goes Here

ALT
Smiling person captured mid-jump in front of white aluminum siding. The person’s long hair floats up as they tuck their heels close to their hands, which are down by their sides.

Image Description

Image Description Goes Here

ALT
Dozens of people facing away from us gather in a courtyard or square. Two people in the middle of the crowd bow their heads and lift their right fists high.

Image Description

Image Description Goes Here

ALT
Person sitting, folded up in a shopping cart. Out of focus, they rest one elbow on the edge of the cart and rest their forehead in that hand. A text box reads, “2023 E-Commerce Content Accessibility Report.” The cursive Scribely logo is above.

Image Description

Image Description Goes Here

ALT
Dancer strikes a pose resting on one hand and one foot, their hips lifted. Their other hand and leg cross over their body. They are on a brick walkway leading to Voorhees Town Center.

Image Description

Image Description Goes Here

ALT

Ready to get started?

Turn intentions into actions, start here!