先问图片在这里做什么
从 Flux Art 获得商品视觉后,同一张图片可能放在详情页、跳转卡片或装饰横幅中。它们使用相同文件,不代表替代文字也必须一样。先判断图片在当前页面传达的信息或触发的动作,再决定 alt 如何写。本文讨论普通网页图片的用途分检,不承诺完成整站无障碍认证,也不把一条自动生成的图片描述当成最终结论。
信息性图片说明当前读者需要知道的内容
W3C WAI 的信息性图片教程强调按上下文传达图像的相关意义。对于商品细节图,可说明读者在该位置需要辨认的部位与特征,而不是把背景、光线和所有装饰物逐个列出。信息必须来自批准商品资料与图片本身,不能在 alt 里补写看不见的容量、材质等级或认证。将草稿与相邻正文一起读,检查关键含义是否遗漏,以及是否把无关营销词塞进了描述。
功能性图片优先表达去哪里或做什么
如果图片是链接或按钮理解其用途的唯一内容,替代文字需要帮助识别目标或动作,而不只是描述画面形状。W3C WAI 将这种用法列为功能性图片。审核时实际查看链接或控件的可访问名称,确认有没有其他文字已经承担同一名称。不要对所有可点击图片机械写点击查看;查看哪款商品、哪一张大图或哪个目的地,应由当前功能决定,而不是由素材文件名决定。
| 用途 | 需要表达或检查 | 常见错误 |
|---|---|---|
| 商品细节说明 | 与当前说明相关的真实特征 | 描述全部背景却漏了关键细节 |
| 单独的图片链接 | 清楚的目标或功能 | 只说一张图片 |
| 已有完整链接文字 | 是否重复、是否仍有额外意义 | 重复读同一句商品名 |
| 纯装饰 | 确认没有新增信息后用空 alt | 把省略属性当空值 |
| 复杂说明图 | 等价正文或结构化内容 | 用模糊短句代替数据关系 |
| 新版本页面 | 重查上下文与操作目标 | 沿用旧位置的描述 |
假设同一张鞋图出现在两个位置
假设同一张鞋面局部图,在材料说明中用于展示缝线,在另一个位置则单独充当打开该商品详情的链接。这不是实测,也不是真实用户测试。前一处应传达与说明相关的细节,后一处要让链接目的可理解。若链接旁的文字已经在同一个链接中给出完整商品名称,还需检查图片是否仅重复它;不能不看实际结构就给两处都复制一长段描述。
装饰图的空 alt 是一种决定,不是漏填
W3C WAI 对没有新增信息的装饰性图片给出空替代文字的做法,例如 alt=""。这与完全省略 alt 属性不同,也与把真实商品信息隐藏起来不同。判断时暂时不看图片,检查页面是否仍保留所需信息与功能。如果图像是唯一的操作名称或承载重要卖点,就不能仅为减少朗读而当装饰。装饰判断要绑定具体版位,图片换位置后重新判断。
复杂内容不要塞成一条无法理解的长句
当图片承担多列参数对比或一组关系说明时,先保证页面有可读取的等价内容,再用简短说明帮助定位。把整个表格硬塞进一句 alt 往往难以按关系理解;只写商品参数图又可能漏掉全部重要信息。由内容负责人检查数据一致性,前端确认等价内容在实际页面可获取。这里的重点是信息可理解,不是让每个图片字段都达到某个固定字符数。
检查渲染后的页面,不只查素材表
建立一行一个图片实例的记录,包含页面位置、用途、相邻文字、链接或按钮名称、拟用替代文字与核验状态。查看实际 HTML 和可访问性信息,确认值没有被组件模板覆盖,也没有将文件名当默认描述。再按约定辅助技术与浏览器检查阅读顺序和重复情况,保存真实观察结果。没有进行辅助技术测试的项目明确写未测,不把静态字段存在当作所有读者都能顺利理解。
商品变化与页面变化都会让旧描述失效
商品图片换成另一款、链接改到新页面,或周围正文已经移动,都会改变替代文字的适用条件。更新时核对图片、可见文字和操作目标,不仅替换文件地址。暂不能确认的描述记待补证;能确定事实的部分用准确短句表达,不补宣传保证。不要为了搜索排名重复堆叠品牌、模型、便宜等词,替代文字首先服务于当前内容和功能理解。
来源与平台角色
本页用途分类依据下列 W3C WAI 文档,核对日期为 2026-10-09,示例和交接表是编辑提出的工作方法,不是已完成的用户研究。Flux Art 由 MORNING STAR INDUSTRY LIMITED 运营,是多模型 AI 视觉创作与生产平台,入口见 https://flux-art.net/zh/ai-ecommerce 。平台支持商业使用;图片输入权限和商品真实性单独核对。alt 编写与网页验收在外部发布环节完成,不声称平台自动给出符合全部无障碍要求的答案。