全部文章
发布与验证

让 AI 审文章配图:按用途写替代文本

判断图片承担的是装饰、内容,还是链接用途。

资料核验2026.11.12 · W3C WAI · 网页可访问性

文章卡片上先放封面,再放标题。如果封面只是气氛图,给它写一个和标题相同的 alt,读屏可能反复读到同一句话。正文里的工作流图则可能承载关键信息。

让助手从这一步开始

给助手三处同一图的用法:卡片装饰、正文说明和独立图片链接。要求它分别判断读者缺图时会失去什么,并用页面真实链接结构核对可访问名称。

流程示意:判断图是否有信息;写替代文本或图注;核对链接名称

按放置位置判断图片作用

纯装饰图用空 alt。只靠图片提供链接名称时,替代文本应说明链接的用途。正文图有步骤、条件或结果时,用短 alt 说明图的主题,并把完整关系写成相邻正文或图注。

把图片关掉后从头读一遍页面。读者应仍然能找到文章链接,并理解从输入到结果的流程。

同一张图用在卡片和正文里,可以有不同的替代文本。判断依据是当前上下文。

把问题变成可重跑的样例

同一张流程图在卡片上紧邻文章标题,在正文里用来说明步骤,还可能独立包在链接里。给这三处分别写出读屏用户应听到的内容,再验渲染后的名称。正文里的重要关系也应能从邻近文字获得。

核对这几项输出

  • 装饰封面不会重复文章标题。
  • 正文图的关系在邻近文字可读。
  • 独立图片链接有能说明目的地的名称。

怎么判断改动能不能收

别让模型按图片文件名批量生成 alt。比较图中的信息与周边正文,决定要补哪一层信息。数据密集的示意图用短 alt 加正文解释,不能把所有信息都压进一段很长的替代文本。

如果图片和标题被同一个链接包起来,标题可能已经提供目的地名称。先检查真实结构,再决定图的 alt 是否为空。正文图解释技术关系时,还要核对相邻文字是否保留关键区别,尤其是图里用了颜色区分的两种结果。

资料来源