图片替代文字用于表达图片在当前页面中的含义。产品图描述与判断有关的信息,纯装饰图通常使用空替代文字;图片承担链接或按钮功能时,应让读者知道操作目的。
先判断图片在这里起什么作用
同一张图片出现在不同位置,说明方式也可能不同。设备照片放在产品介绍中,需要解释型号或有用特征;作为不传递额外信息的背景装饰时,不必重复正文。W3C 的图片替代文字决策树可以帮助区分这些用途。
先回答一个问题:如果看不到这张图,读者会少知道什么?把这部分信息写出来即可。不要把图片说明变成关键词清单,也不要默认每张图都填写“公司图片”。
按三个常见场景编写
产品图可写“桌面支架侧面,显示角度调节旋钮”,具体描述要以照片真实内容为准。如果型号已经由紧邻文字清楚说明,就不需要机械地把整段产品介绍再重复一次。
一张没有其他文字的下载图标,应表达“下载产品目录”这一动作,而不是只描述“向下箭头”。纯装饰图可使用空 alt,但空属性与直接缺少属性不是同一件事;如果后台没有相关设置,应让维护人员核对模板输出。
复杂图表不能只塞一句话
比较图、流程图和参数示意图包含多项信息时,在正文里同时提供必要解释或数据。替代文字负责简要说明图的主题,完整含义由可阅读的内容承接。把很长的说明全部挤进一个属性,不利于逐步理解。
关键价格、联系方式和操作步骤也不要只放在图片里。正文同步提供这些信息,能减少图片加载失败、缩放不清和后续修改带来的问题。
检查时按任务逐张核对
从首页、产品详情和联系页各选几张图,列出图片用途、附近已有文字和拟用替代文字。检查描述是否真实、是否重复、是否遗漏功能;对装饰图确认它确实不承载独有信息。
在后台填写后,仍需检查前台实际输出。若编辑器只支持图片标题或说明文字,不要假定这些字段自动成为 alt。请维护人员确认映射,再按同一规则维护后续图片。
延伸阅读
参考资料
W3C:图片替代文字决策树。技术资料核对日期:2026 年 9 月 7 日。
