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,不能把单语言覆盖写成全语言完成。

  • 只写可见且有用的属性

变体或示例

完成条件不是点击 Save。通过当前运营可用的 admin、导出、theme 与 storefront 路径回读资产,确认图片换序或变体切换后描述仍绑定正确 media,装饰图不会播报文件名,图表等价内容可到达,本地化没有错误 fallback,自动建议也没有覆盖已批准文案。选择一个代表性商品,用读屏或无障碍检查工具按买家真实顺序听完整 Gallery。

  • 相关时说明印花位置

8. 每次资产变化后重新审计

复杂图片

更换 mockup、调整图片顺序、新增变体、修改个性化示例、更换 theme 或 app、扩展语言、迁移供应商和季节刷新后,都要重新审计。可追踪信息图覆盖率、文字图等价内容覆盖率、错配缺陷、重复描述、错误语言和距上次线上回读时间,但不要奖励机械填满字段。最终放行问题是:图片不可见时,买家能否仍识别商品并理解影响决策的差异。

  • 用可见关系而非猜测尺寸

图片用途矩阵

控制需要保留的证据
完整商品类型、主色、图案与可见印花位置
细节或尺度可观察纹理或与熟悉物体的关系
变体或示例只描述真正展示的选项与个性化证据
复杂图片简短标签加正文中的完整可访问等价内容

放行清单

  1. 记录产品、变体、语言、media ID 与位置
  2. 分配唯一买家决策任务
  3. 按线上场景分类用途
  4. 确认必要的可访问等价信息
  5. 先描述完整商品再写细节
  6. 只写可见且有用的属性
  7. 相关时说明印花位置
  8. 用可见关系而非猜测尺寸
  9. 把控件名称与图片描述分开
  10. 只描述画面中的变体
  11. 把个性化结果标记为示例
  12. 移除买家隐私样例
  13. 把图表数据放进可访问正文
  14. 删除标题与关键词复读
  15. 删除主观、合规或结果承诺
  16. 完整本地化语义
  17. 保存后回读映射
  18. 用辅助技术测试线上顺序
  19. 批量前先试一个代表商品
  20. 保留可回滚导出与重检触发器

常见问题 — 商品图 Alt Text

每张图都要写详细 alt text 吗?

不一定,要按信息型、装饰型、功能型、文字型、复杂型或成组图片的真实用途处理。

描述应该多长?

用最短自然语言保留该图唯一决策信息,并核对平台当前限制。

一定要放 SEO 关键词吗?

只有自然描述画面时才使用,不能复读标题、tag、店铺名或关键词变体来追求排名。

尺码表怎么处理?

给图片简短标签,并在正文提供完整尺寸、单位、测量方法和说明。

自动建议能代替人工审核吗?

不能,人工仍要核对用途、身份、位置、变体、隐私、本地化与线上保存结果。

CTA — 下一步

选一个同时有主图、细节图、尺度图、变体对比、个性化示例和尺码图的商品,为每个资产写唯一任务,补齐正文等价信息,再按顺序听完已保存 Gallery,确认后才扩大修改。

本文是通用电商内容与无障碍工作流,不构成法律意见、认证,也不保证无障碍符合性、平台资格、排名、流量、转化或销售。平台字段、限制、语言、自动建议、theme、app 与前台行为会变化;请核对最新官方指引和真实线上商品体验。