
POD 商品图 Alt Text 审计:7 步完成无障碍内容 QA
给每张 POD 商品图分配唯一买家决策任务,描述尺度、材质、印花位置、变体和个性化结果,再按顺序回读线上 Gallery。
快速规则:一张图只承担一个买家决策任务,写一条简洁描述,再完成一次线上顺序回读。
类型、主色、图案与可见印花位置; 简短标签加正文中的完整可访问等价内容.
1. 为每张图定义唯一任务
完整商品
写作前先建立 image-purpose ledger,记录 Gallery 位置、media ID、产品或变体、要回答的买家问题、正文是否已有可访问等价信息、当前描述、owner 与最后核对日期。把任务写成可观察结果,例如完整正面印花、材质表面、相对尺度、背面位置、颜色差异或个性化示例。把整组图片当成顺序,后图必须补充新证据,不能十张图都复读商品标题。
- 记录产品、变体、语言、media ID 与位置
2. 按真实用途分类图片
细节或尺度
分类要看线上使用场景,而不是只看文件。信息型商品图需要文字等价;没有新增信息的装饰重复图在实现支持时可用空 alt;作为链接或选择器的功能图需要说明动作;含大量文字或复杂关系的图要在正文提供完整等价内容;一组图片共同表达一件事时,应避免每张重复全部说明。若说不清图片失效时买家会失去什么,先暂停并解决用途。
- 分配唯一买家决策任务
3. 描述可观察的商品证据
变体或示例
采用“对象—属性—关系”结构:先说商品或细节,再说对决策有用的可见属性,最后说位置或尺度关系。可描述颜色、外观纹理、图案主体、正反面、印花位置,以及与沙发、人体或手等熟悉物体的相对尺度。只写画面能证明的内容,不凭外观推断克重、柔软度、耐用性、精确尺寸、人物身份或合规性;测量与目录事实应进入可维护正文。
- 按线上场景分类用途
4. 拆分变体与个性化信息
复杂图片
变体图只说明当前画面真正展示的产品、选项与差异,并把颜色选择器等控件的 accessible name 与图片描述分开。整组图先建立完整商品,再逐步补充位置、表面、尺度、对比和个性化证据。个性化图必须标记为示例,不承诺最终完全一致;只使用虚构或已授权样例,避免把买家姓名、人脸、日期、签名、地址或消息暴露到 alt text、导出或前台代码。
- 确认必要的可访问等价信息
5. 把图表数据移到可访问正文
完整商品
尺码表、护理卡、印花区域图、比较网格和说明图常包含过多数据,不应硬塞进一条 alt。给图片一个简短标签,再把完整尺寸、单位、测量方法、误差说明或操作步骤放到真实 HTML 表格或可访问正文。为尺寸、护理、材质和个性化规则指定唯一维护来源;供应商、blank 或资产变化时,把图片、alt、正文等价信息和商品数据作为同一 change set 更新。
- 先描述完整商品再写细节
6. 写简洁且完整本地化的描述
细节或尺度
围绕图片的唯一任务写自然句,删除 Listing 标题、店铺名、SKU、tag、文件名、促销语和关键词串。描述应简洁,但不能为了内部字符目标删掉区分该视图的核心证据。多语言店铺要完整本地化颜色、材质、位置、单位和个性化语义,不能只替换名词。若平台只提供一个语言字段,应记录限制并指定 owner,不能把单语言覆盖写成全语言完成。
- 只写可见且有用的属性
7. 保存后回读线上 Gallery
变体或示例
完成条件不是点击 Save。通过当前运营可用的 admin、导出、theme 与 storefront 路径回读资产,确认图片换序或变体切换后描述仍绑定正确 media,装饰图不会播报文件名,图表等价内容可到达,本地化没有错误 fallback,自动建议也没有覆盖已批准文案。选择一个代表性商品,用读屏或无障碍检查工具按买家真实顺序听完整 Gallery。
- 相关时说明印花位置
8. 每次资产变化后重新审计
复杂图片
更换 mockup、调整图片顺序、新增变体、修改个性化示例、更换 theme 或 app、扩展语言、迁移供应商和季节刷新后,都要重新审计。可追踪信息图覆盖率、文字图等价内容覆盖率、错配缺陷、重复描述、错误语言和距上次线上回读时间,但不要奖励机械填满字段。最终放行问题是:图片不可见时,买家能否仍识别商品并理解影响决策的差异。
- 用可见关系而非猜测尺寸
图片用途矩阵
| 控制 | 需要保留的证据 |
|---|---|
| 完整商品 | 类型、主色、图案与可见印花位置 |
| 细节或尺度 | 可观察纹理或与熟悉物体的关系 |
| 变体或示例 | 只描述真正展示的选项与个性化证据 |
| 复杂图片 | 简短标签加正文中的完整可访问等价内容 |
放行清单
- 记录产品、变体、语言、media ID 与位置
- 分配唯一买家决策任务
- 按线上场景分类用途
- 确认必要的可访问等价信息
- 先描述完整商品再写细节
- 只写可见且有用的属性
- 相关时说明印花位置
- 用可见关系而非猜测尺寸
- 把控件名称与图片描述分开
- 只描述画面中的变体
- 把个性化结果标记为示例
- 移除买家隐私样例
- 把图表数据放进可访问正文
- 删除标题与关键词复读
- 删除主观、合规或结果承诺
- 完整本地化语义
- 保存后回读映射
- 用辅助技术测试线上顺序
- 批量前先试一个代表商品
- 保留可回滚导出与重检触发器
常见问题 — 商品图 Alt Text
每张图都要写详细 alt text 吗?
不一定,要按信息型、装饰型、功能型、文字型、复杂型或成组图片的真实用途处理。
描述应该多长?
用最短自然语言保留该图唯一决策信息,并核对平台当前限制。
一定要放 SEO 关键词吗?
只有自然描述画面时才使用,不能复读标题、tag、店铺名或关键词变体来追求排名。
尺码表怎么处理?
给图片简短标签,并在正文提供完整尺寸、单位、测量方法和说明。
自动建议能代替人工审核吗?
不能,人工仍要核对用途、身份、位置、变体、隐私、本地化与线上保存结果。
CTA — 下一步
选一个同时有主图、细节图、尺度图、变体对比、个性化示例和尺码图的商品,为每个资产写唯一任务,补齐正文等价信息,再按顺序听完已保存 Gallery,确认后才扩大修改。
本文是通用电商内容与无障碍工作流,不构成法律意见、认证,也不保证无障碍符合性、平台资格、排名、流量、转化或销售。平台字段、限制、语言、自动建议、theme、app 与前台行为会变化;请核对最新官方指引和真实线上商品体验。