替代文本是页面内容的一部分

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

图片 alt:内容、装饰、链接各有目的。01 / 信息图:写出资格 → 填写 → 保存编号,不要只写“流程图”;02 / 装饰图:不传达新信息,可用空 alt,不要为了关键词堆砌描述;03 / 链接图:让可访问名称说明去向,“箭头”不能解释点击结果;04 / 整页审查:核对邻近正文、图注和真实图像,不补造图里没有的地点与数字
自拟三种页面情境 · 按整页信息检查。本站原创教学图,非模型实测截图。查看大图 ↗

信息图要带出读者会漏掉的信息

自拟示意图画了一个三步报名流程:“确认资格 → 填写资料 → 保存提交编号”。如果正文没有重复这三个步骤,alt应描述这条顺序,例如“报名流程:先确认资格,再填写资料,提交后保存确认编号”。只写“流程图”无法传达图中的关键内容;把图片上每个颜色和线条逐一描述,也会让重点丢失。

如果正文紧邻图示且完整讲清流程,alt可以更简短,避免屏幕阅读器把同样长段重复朗读。图片下方图注、正文与替代文本共同构成信息;审查时看整页,不孤立地给每张图套一个字数模板。

装饰图按装饰处理

假设同一页面顶部只是用柔和渐变烘托版面,不传达新的步骤或数据,那么 img 元素可用空 alt="",让辅助技术跳过这个装饰。如果图片通过 CSS 作为纯背景出现,也不需要为了“SEO”硬塞一串关键词。

反过来,本文教学示意图含有步骤与限制,所以必须有描述性替代文本;把它标为空会丢失信息。判断标准来自用途,不是图片由谁生成或是否漂亮。

链接图片应说明操作目的

如果一张图片本身可点击,通向报名说明页面,仅写“箭头图标”不能让读者知道点击结果。链接的可访问名称应表明“查看报名说明”。若链接旁已经有可见文字且读屏名称清楚,图片 alt可空,避免重复。不要用 alt 承诺它会提交报名,除非点击真的执行那个动作。

同一图片在三种场景可能得到三种不同处理,模型若只看图片文件而没有页面上下文,很难正确判断。因此提示词应提供图片内容、页面目的、附近文字、是否链接及目标页面。

审查 AI 生成的候选文本

逐项检查是否出现图片里没有的人、地点、品牌或数字;是否把推测写成事实;是否写了“图片显示一张图片”;是否重复正文;读者仅听替代文本是否能完成当前任务。对图表尤其要核对关键趋势与数据来源,不能让模型根据模糊像素猜具体数值。

W3C 的替代文本决策树帮助区分信息、功能和装饰用途。它给的是判断路径,最终仍要由了解页面的人核对。本站这张教学图自身也配有alt和图注;文章示例中的报名流程只是自拟练习,不指向真实报名服务。