为商品详情页补图片说明，可以是一项范围清楚的内容交付服务。但它不是把商品名称重复塞进每张图的替代文本，也不是让模型给画面编一个好听故事。真正要交付的是：不依赖看图的用户，仍能理解图片传递的必要信息，并知道图片链接会带到哪里。
本文以原创虚构水杯页面为练习，制作图片清单、替代文本草稿和人工验收记录。适合网页内容编辑、设计服务者和想把 AI 用在具体交付任务中的读者。本文不承诺订单、收益、搜索排名或整站合规认证；示例不是实际客户案例，也没有冒充屏幕阅读器测试结果。
一、先确定客户购买的到底是什么
服务范围可以定义为一个商品页的图片语义梳理与替代文本建议，不包含重拍图片、修改整个网站主题或代做完整无障碍审计。模型辅助识别遗漏、起草文字，最终语义判断由理解页面用途的人负责。
交付物建议分成三份：逐图清单、待确认问题和经过确认的最终文本。若客户授权修改网页，还应另列修改位置与回退记录；没有授权时只交建议，不擅自登录后台覆盖线上图片或文案。
需求沟通时问清目标页面、使用语言、图片数量、是否有交互功能、是否已有旁边说明，以及谁有权确认商品事实。图片看起来像三百毫升，并不代表容量就是三百毫升；外观无法证明的参数必须从确认资料获得。
二、用一个四张图的页面练习
虚构商品为“青绿色随行杯”，已确认资料只有杯体颜色、配有杯盖与提手；本文不提供容量、材质、保温效果或安全认证。页面包含商品外观图、杯盖开启示意、分隔区背景纹理，以及一个只用图标表示的查看购物车入口。
同一张杯子图片如果出现在不同位置，替代文本可能不同。用作说明外观时要表达它提供的信息；放在已有清楚商品名称的同一个链接中，可能不需要再次重复名称。判断单位应是图片在当前页面中的用途，而不是孤立文件名。
先保存页面截图用于定位，收集图片文件、附近文字、链接目的地和已确认商品资料。对外使用素材前确认来源与使用范围；客户给了一个网页地址，不等于允许把第三方全部图片上传到任何模型服务。
三、建立能回到原位置的图片清单
清单至少记录内部编号、页面位置、文件名、附近正文、是否可点击、目标地址、图片作用、建议文本与审核状态。编号要稳定，例如 P01 到 P04；不要用“上面那张”作为唯一定位方式，因为网页改版后位置容易变化。
本练习可以这样登记：
- P01：商品主图，展示杯体颜色、杯盖和提手，旁边已有商品名。
- P02：操作示意，说明杯盖向上掀开，附近没有完整操作文字。
- P03：区块背景纹理，仅分隔页面，不承载商品信息。
- P04：购物车链接图标，链接内没有可见文字。
“待客户确认”和“建议装饰性空文本”必须分开记录。空文本可能是已经作出的正确判断，而不是未完成的空白。交付表中可另设 reason 写明理由，避免开发人员把所有空白统一改成文件名。
四、按用途判断，不按图片面积判断
W3C 图片教程建议根据信息与上下文决定文字替代方式。信息性图片需要表达其相关含义；装饰性图片通常使用空的 alt；作为链接或按钮、承担操作作用的图片，应表达目标或操作，而不是只描述图形外观。
因此，P01 的建议可为“青绿色随行杯，配有杯盖和提手”。如果这些信息已经在旁边文字中完整出现，应再次评估是否造成冗余，不机械保留同一句话。简洁不是删掉必要事实，而是避免复述页面已充分提供的信息。
P02 的候选是“向上掀开杯盖”。这是操作含义，而不是“一个带箭头的杯子”。若图上还包含锁扣或必须先按按钮等步骤，需要原图和确认资料共同支持；看不清时列出疑问，不能让模型补造打开方式。
P03 可建议 alt=""，并说明它是没有新增含义的装饰纹理。空属性与完全省略属性不是同一回事。不能因为想让读屏忽略它，就直接删掉 alt。背景图的技术实现也应由开发者结合实际页面处理。
P04 应表达“查看购物车”这一用途，而不是“购物车小图标”。如果同一个链接已经有“查看购物车”的可见文字，图片通常不需要重复这一名称；但必须确认文字确实属于同一个可操作元素，不能只看附近有相似文字就认定足够。
五、把图片和上下文一起提供给 AI
选择自己能够合法使用、支持图片输入的 AI 工具，按该工具当前入口上传素材。本文不绑定某个付费套餐或虚构统一按钮，也不声称所有模型都能准确识别图片中的细字。若只能输入文字，可以先人工描述已确认的画面，再让模型整理表达。
提示词示例：
请辅助制作网页图片替代文本草稿。
每张图都根据所在页面的用途判断，不做营销扩写。
材料：P01 是青绿色随行杯主图，含杯盖与提手；
P02 是向上掀开杯盖的说明图；P03 仅为背景纹理；
P04 是无可见文字的购物车链接图标。
不要推断容量、材质、保温时长或认证。
输出：编号、用途判断、建议文本、依据、待确认问题。
装饰图允许建议空 alt，但必须写理由。
遇到看不清或与正文重复的情况，标为待人工确认。
不要把产品卖点和搜索关键词塞进每张图。先只处理这四张图，检查规则是否理解一致，再考虑扩大批次。长页面中的图片顺序可能与上传顺序不同，输出必须保留编号；没有编号的四段描述即使写得流畅，也很难安全地交给开发者批量使用。
六、人工审校比文字润色更重要
把每个候选与原图、旁边正文、交互用途逐项对照。确认是否增加了未提供参数、是否把猜测写成事实、是否漏掉操作动作、是否重复已有链接文字。模型写出“食品级不锈钢保温杯”时，即使常见也不能直接采用，因为本练习没有这些证据。
不要给所有替代文本统一套“图片展示了……”的前缀。用户更需要知道这张图补充了什么信息，而不是反复听到它是一张图片。也不要用固定字数指标替代语义判断；短文本可以清楚，复杂内容却可能需要正文中的详细说明。
对于尺寸图、走势图或复杂结构图，仅有一句简短描述可能不够。应把关键数值、关系或操作信息放到可访问的正文位置，再让替代文本指向其主要含义。不能把整张复杂图压成“商品参数图”，就声称信息已经等价提供。
七、交给开发者时明确映射和格式
最终清单保留原文件名，不把文件名本身当作替代文本。建议列为编号、页面位置、用途、最终值、决定理由、确认人和状态。一个图片在两个页面有不同用途，应分别建记录，不能全站替换为同一句话。
若交 CSV，说明使用 UTF-8 编码，并正确处理文本里的逗号和换行。装饰图的最终值可以为空，但状态应明确为“已确认装饰图”，不要与“等待补写”混淆。导入工具如何区分空值与不更新，必须在测试页先验证。
开发实现示例只用于理解差异，不是本站实际后台字段：
<img src="cup-main.png" alt="青绿色随行杯，配有杯盖和提手">
<img src="divider.png" alt="">
<a href="/cart"><img src="cart.png" alt="查看购物车"></a>如果页面使用按钮、内联 SVG、背景图或其他组件，不能只靠这个 img 示例推断全部无障碍名称计算。应检查实际组件与目标辅助技术。服务交付可以提出需要开发处理的问题，但不能假装文案表格已经解决所有实现问题。
八、先在测试页验收，再确认服务完成
检查清单中的每条记录是否映射到正确图片；查看实际元素是否存在预期属性；使用键盘确认交互入口可以到达，再在选定的屏幕阅读器与浏览器组合中核验名称和阅读体验。键盘可达不等于名称准确，两类检查应分别记录。
对 P04，检查读到的是购物车用途，而不是文件名；对 P03，检查没有多余纹理描述干扰；对 P02，确认操作说明可理解，并没有与其他文字冲突。若无法进行读屏测试，应如实交付“文案与元素检查完成、辅助技术实测待补”，不能盖上全面通过的章。
网页改版或图片用途变化后需要回归。主图变成放大图片按钮、原装饰图变成活动入口，之前正确的空替代文本可能不再合适。建议保留变更记录，而不是要求客户以后永远复用这份清单。
九、报价、获客和服务限制
估算工作量时分别计算图片定位、用途判断、事实确认、文案审校和实现验收。四张简单图与四张复杂参数图的成本不同，不能只按文件数量承诺固定工时。可先提供小样与验收范围，让客户确认交付是否满足编辑和开发使用。
作品集应使用原创素材或获得许可的页面，以“原问题、判断依据、修改建议、实测范围”展示能力。避免把他人商店截图当作自己的客户成果，也不要声称补写替代文本就一定获得自然流量或满足所有法律要求。
最终交接重点是可定位、可解释、可维护。AI 可以提高草稿整理效率，但图片用途与商品事实的确认不能外包给一次无审核的生成。把边界写进服务说明，才能减少返工，也让客户知道收到的到底是什么。
还没有公开评论，欢迎分享你的想法。