替代文本是页面内容的一部分
请 ChatGPT 为图片写 alt 时,别只给图片外观描述。先问图片在当前页面承担什么作用,附近有没有同样的信息,读者看不到图时需要得到什么。同一张照片放在报道、装饰横幅或链接按钮上,合适的替代文本可能完全不同。

信息图要带出读者会漏掉的信息
自拟示意图画了一个三步报名流程:“确认资格 → 填写资料 → 保存提交编号”。如果正文没有重复这三个步骤,alt应描述这条顺序,例如“报名流程:先确认资格,再填写资料,提交后保存确认编号”。只写“流程图”无法传达图中的关键内容;把图片上每个颜色和线条逐一描述,也会让重点丢失。
如果正文紧邻图示且完整讲清流程,alt可以更简短,避免屏幕阅读器把同样长段重复朗读。图片下方图注、正文与替代文本共同构成信息;审查时看整页,不孤立地给每张图套一个字数模板。
装饰图按装饰处理
假设同一页面顶部只是用柔和渐变烘托版面,不传达新的步骤或数据,那么 img 元素可用空 alt="",让辅助技术跳过这个装饰。如果图片通过 CSS 作为纯背景出现,也不需要为了“SEO”硬塞一串关键词。
反过来,本文教学示意图含有步骤与限制,所以必须有描述性替代文本;把它标为空会丢失信息。判断标准来自用途,不是图片由谁生成或是否漂亮。
链接图片应说明操作目的
如果一张图片本身可点击,通向报名说明页面,仅写“箭头图标”不能让读者知道点击结果。链接的可访问名称应表明“查看报名说明”。若链接旁已经有可见文字且读屏名称清楚,图片 alt可空,避免重复。不要用 alt 承诺它会提交报名,除非点击真的执行那个动作。
同一图片在三种场景可能得到三种不同处理,模型若只看图片文件而没有页面上下文,很难正确判断。因此提示词应提供图片内容、页面目的、附近文字、是否链接及目标页面。
审查 AI 生成的候选文本
逐项检查是否出现图片里没有的人、地点、品牌或数字;是否把推测写成事实;是否写了“图片显示一张图片”;是否重复正文;读者仅听替代文本是否能完成当前任务。对图表尤其要核对关键趋势与数据来源,不能让模型根据模糊像素猜具体数值。
W3C 的替代文本决策树帮助区分信息、功能和装饰用途。它给的是判断路径,最终仍要由了解页面的人核对。本站这张教学图自身也配有alt和图注;文章示例中的报名流程只是自拟练习,不指向真实报名服务。
