IdukkiIdukki
Strategy

Alt text and captions on UGC are an accessibility issue, not just a legal checkbox

UGC galleries are often the least accessible part of a storefront. The WCAG 2.2 success criteria that apply to customer photos and video, what the European Accessibility Act changed for e-commerce from June 2025, and a workflow for alt text and captions that scales to thousands of posts.

In this article

A storefront can have a well-built theme, labelled buttons and a sensible heading structure, and still have a UGC gallery in the middle of the product page that a screen reader announces as a run of unlabelled images. Nobody designed it that way. Customer content arrives from Instagram, TikTok and review platforms with no usable accessibility metadata, in volumes no one edits by hand, and nobody in the pipeline owns adding it back.

What WCAG 2.2 requires of customer content

WCAG 2.2 is the current W3C Recommendation (the latest version is dated 12 December 2024). Most accessibility policies and audits target Level AA, which includes every Level A criterion. These are the ones a UGC gallery touches most often.

Success criterionLevelWhat it asksWhat it means for UGC
1.1.1 Non-text ContentAAll non-text content presented to the user has a text alternative that serves the equivalent purpose (with listed exceptions).Every customer photo that carries information needs meaningful alt text. Purely decorative images take an empty alt.
1.2.2 Captions (Prerecorded)ACaptions for all prerecorded audio content in synchronised media.Video testimonials, unboxings and try-ons with speech need captions.
1.2.3 Audio Description or Media Alternative (Prerecorded)AAn alternative for time-based media, or audio description of the video content.If the point of the clip is visual (fit, texture, assembly), provide a text description or transcript that covers it.
1.2.4 Captions (Live)AACaptions for all live audio content in synchronised media.Live shopping streams embedded on your site need live captions.
1.2.5 Audio Description (Prerecorded)AAAudio description for all prerecorded video content.At AA, a text alternative alone no longer satisfies the visual-information requirement for prerecorded video.
1.4.2 Audio ControlAAudio that plays automatically for more than 3 seconds can be paused or stopped, or its volume controlled independently.Autoplaying clips should start muted, or offer an obvious pause and mute.
2.2.2 Pause, Stop, HideAMoving content that starts automatically, lasts more than five seconds and runs alongside other content can be paused, stopped or hidden.Auto-advancing carousels and autoplaying video strips need a pause control.
Criterion wording summarised from the W3C WCAG 2.2 Recommendation.

The pattern in that table is that most of the obligations fall at Level A, the baseline. They are not stretch goals for a mature programme. The video-specific detail, including player controls and focus handling, is covered in accessibility in shoppable video.

The European Accessibility Act and e-commerce

The European Accessibility Act is Directive (EU) 2019/882. It lists e-commerce among the services it covers and defines e-commerce services as services provided at a distance, through websites and mobile device-based services, by electronic means and at the individual request of a consumer with a view to concluding a consumer contract. Member States had to apply their national measures from 28 June 2025.

The microenterprise exemption is narrower than it sounds. Article 4(5) exempts microenterprises providing services, and Article 3 defines a microenterprise as one that employs fewer than 10 people and has an annual turnover or annual balance sheet total not exceeding EUR 2 million. A brand with 12 staff selling into the EU is in scope for its storefront, including the gallery on it.

The Act's service requirements are framed around making content perceivable, operable, understandable and robust, the same four principles WCAG is organised under, and the harmonised European standard used to show conformance, EN 301 549, builds on WCAG. Enforcement sits with national authorities, so penalties and procedures vary by country. If you sell into the EU, get specific legal advice for the markets that matter to you; this article is not that.

What a screen reader and a muted player actually present

Missing alt. When an image has no alt attribute at all, some screen readers fall back to announcing the file name, which for UGC is usually a CDN string. An empty alt is worse in a different way: it tells assistive technology the image is decorative, so a photo doing real persuasive work is skipped entirely.

Caption as alt. A common shortcut is to drop the source post's caption into the alt attribute. Social captions are written for engagement, not description, so the result is often a run of hashtags, emoji names and an @mention, read aloud in full on every tile. It fills the attribute and conveys nothing about what the photo shows.

Uncaptioned video. A shopper who is deaf or hard of hearing, or simply watching with the sound off on a train, sees a person talking about the product with the actual argument missing. The specific claim that makes a testimonial persuasive is in the audio.

Writing alt text for UGC that does the job

Good alt text for a customer photo says what the photo is evidence of. That is usually three things: that it is a customer photo, which product it shows, and the context that makes it useful (a size on a body, a colour in daylight, the item in a real room). Product tags supply the first two automatically; the context is what a human adds.

Source caption used as altTemplated from tagsEdited in moderation
"obsessed 😍 #ootd #linen #summerfits @brand"Customer photo of the Linen Shirt DressCustomer photo: Linen Shirt Dress in sage, size 12, worn belted outdoors
"finally built it!!! 3 hours lol"Customer photo of the Oak Ladder ShelfCustomer photo: Oak Ladder Shelf assembled against a white wall, holding plants and books
"day 30 update"Customer photo of the Vitamin C SerumCustomer photo: Vitamin C Serum bottle on a bathroom shelf beside the pump dispenser
Illustrative examples, not real customer posts.

Keep it short, since screen reader users hear every tile. Don't start with "image of", which is announced already. Don't describe the customer's appearance beyond what is relevant to the product, and never guess at attributes like ethnicity or body type. If a tile is a link to a product, the alt text should make the destination clear.

Captions and descriptions for customer video

Captions from the source platform rarely survive import, so plan to generate your own. Automatic transcription is a reasonable first draft; product names, sizes and prices are exactly where it goes wrong, so correct the clips that get the most display time first. Closed captions that the viewer can toggle are more flexible than text burned into the frame, but burned-in captions are better than none. The practical detail is in captions and subtitles for shoppable video.

For visual-only information, such as a clip showing how a fabric moves with no narration, a short text description beside the player covers 1.2.3 at Level A. Autoplay is a separate issue: muted autoplay avoids the 1.4.2 problem, and a visible pause control on auto-advancing reels covers 2.2.2.

A workflow that scales to thousands of posts

Accessible UGC, from import to page

  1. 01

    Import

    Posts arrive from social and review sources with no usable alt text or captions.

  2. 02

    Template

    Generate alt text from product tags: "Customer photo of [product] in [variant]". Never default to the source caption.

  3. 03

    Moderate

    In the same pass that checks rights and brand safety, add the useful context to anything approved for display.

  4. 04

    Caption

    Transcribe video on ingest; correct product names, sizes and prices on the most-viewed clips first.

  5. 05

    Audit

    Monthly: listen to the live gallery with a screen reader and watch it muted. Fix what you hear.

Put the human step where content is already reviewed.

Two rules keep the backlog manageable. Prioritise by exposure: fix the posts in live rotation before the archive, which is easier if you rotate the gallery monthly. And attach the human edit to moderation rather than creating a separate accessibility queue, since moderating UGC at scale already means someone looks at every post that goes live, and a moderation queue is where that look happens.

Frequently asked questions

  • Do customer photos in a UGC gallery need alt text under WCAG?

    Yes, if they convey information, which product photos from customers almost always do. WCAG 2.2 success criterion 1.1.1 (Level A) requires a text alternative that serves the equivalent purpose. Only purely decorative images should have an empty alt.

  • Is it acceptable to use the Instagram or TikTok caption as alt text?

    Rarely. Social captions describe a mood or carry hashtags rather than describing the image, so they seldom serve the equivalent purpose. Use a template built from product tags and add context during moderation.

  • Does the European Accessibility Act apply to my online store?

    It covers e-commerce services and has applied since 28 June 2025. Microenterprises providing services (fewer than 10 employees and annual turnover or balance sheet total of EUR 2 million or less) are exempt. National implementations differ, so check the rules for each market you sell into.

  • Are auto-generated captions enough for WCAG 1.2.2?

    Only if they are accurate. Captions that mangle product names or miss words do not provide the equivalent of the audio. Review automatic captions, starting with the clips shown most.

  • Do autoplaying UGC videos break accessibility rules?

    Not if they are muted and can be paused. WCAG 1.4.2 covers audio that plays automatically for more than 3 seconds, and 2.2.2 requires a way to pause moving content that starts automatically and lasts more than five seconds.

Sources

  1. 1W3C: Web Content Accessibility Guidelines (WCAG) 2.2, W3C Recommendation (version of 12 December 2024) · Success criteria 1.1.1, 1.2.2, 1.2.3, 1.2.4, 1.2.5, 1.4.2 and 2.2.2.
  2. 2EUR-Lex: Directive (EU) 2019/882 on the accessibility requirements for products and services · Article 3 definitions of e-commerce services and microenterprise; Article 4(5) exemption; Article 31 application from 28 June 2025.
  3. 3European Commission: European Accessibility Act (EAA) · Products and services covered, including e-commerce.
  4. 4W3C WAI: An alt decision tree · When an image needs descriptive alt text and when an empty alt is correct.
  5. 5Idukki: Accessibility in shoppable video
#accessibility#ugc#alt-text#video-captions

More from Rohin Aggarwal

We use cookies

We use essential cookies to run this site and optional analytics cookies to understand how it’s used. You can change your choice anytime in our privacy policy.