TL;DR: Alt 文本没有通用的 125 字符规则。它应尽可能短,同时长到足以在具体上下文中替代图片的作用。简单的信息型图片通常只需一句简洁描述。功能型图片应说明操作。装饰型图片通常使用空 Alt。复杂图表需要简短标签,并在附近文本中提供详细信息。

Alt 文本长度常被简化成一个数字,但无障碍并不是这样运作的。十个词的描述对装饰图片可能太长,对图表却远远不够。正确文本取决于图片为何出现,以及无法看到图片的人会失去什么信息。

本指南说明如何为信息型、功能型、装饰型和复杂图片编写 Alt 文本,也会介绍常见错误,例如关键词堆砌、重复图注,以及只列举视觉细节却不说明用途。目标是提供有用的替代文本,而不是获得完美字符分数。

应在页面上下文中起草描述,再用字符计数器检查长度。字符统计可以发现过载的描述,但绝不能迫使你删除理解页面所必需的信息。

Alt 文本长度与图片描述写作指南

Alt 文本应该写多长?

Alt 文本应尽可能短,同时长到足以表达图片的作用。简单的信息型图片通常一句简洁描述即可。功能图标可能只需几个词。复杂图表一般需要较短的 Alt 属性,并在其他位置提供更长说明。

HTML 或 WCAG 并没有通用的 125 字符上限。这个数字是一些团队和较旧工具使用的实用建议,不是让更长文本自动变得不无障碍的规则。

尝试在没有图片的情况下阅读页面,并询问缺少了什么信息。只写这个替代内容。如果描述变成一整段,应把细节移到可见正文,让更多人都能使用。

Alt 文本应该描述什么?

描述图片在当前上下文中的用途,以及它新增的信息。除非细节有意义,否则不要列出每个可见物体。同一张照片在新闻页、商品页或个人资料中可能需要不同的 Alt 文本。

W3C 要求非文本内容具有能够实现等同目的的文本替代,并为装饰等情况提供例外。其图片文本替代决策树可以帮助选择描述、功能标签、附近说明或空 Alt 属性。

不要每次都以“……的图片”或“……的照片”开头,除非媒介本身很重要。屏幕阅读器和周围的标记通常已经会识别内容为图片。

信息型、功能型和装饰型图片

写作前先对图片分类。分类决定文本应描述内容、说明操作,还是保持为空。

  • 信息型图片:说明图片新增的事实或含义。例如:“红色自行车停在车站入口旁。”
  • 功能型图片:说明操作或目标。放大镜按钮应写“搜索”,而不是“放大镜”。
  • 装饰型图片:图片不增加信息且应被忽略时,在 HTML 中使用空 Alt 属性。
  • 文字图片:如果重要文字没有以真实文本出现在附近,应把它们写入替代内容。
  • Logo:Logo 提供组织身份时应识别组织。在首页链接中可以写“公司名称,首页”。

不要逐字重复图注。重复只会增加听取时间,不会增加含义。怀疑内容重复时,可用文本差异工具比较图注与 Alt 文本。

如何为图表和复杂图片编写 Alt 文本?

使用简短 Alt 属性识别图表及其主要信息,然后在附近文本中提供重要数据、关系或流程。复杂信息很少适合塞进一个很长的 Alt 属性。可见说明也能帮助低视力或认知障碍用户。

对于折线图,应说明主题和主要趋势:“每月支持请求从一月的 120 次增加到六月的 210 次。” 如果各月精确数值很重要,再添加数据表或段落。

对于流程图,应描述页面所依赖的顺序或关系。不要说明每个形状、箭头颜色或位置,除非它会改变含义。可读性分析工具可以帮助简化过长的可见说明,同时保留必要步骤。

常见 Alt 文本错误

错误 Alt 文本通常不是太长或太短,而是无关、重复,或是写给搜索引擎而不是写给人。

  • 使用“IMG_2048.jpg”这样的文件名。
  • 每条描述都以“……的图片”开头。
  • 重复图注、标题或附近段落。
  • 堆砌图片没有传达的商品关键词。
  • 描述颜色或位置,却不解释含义。
  • 为装饰图片提供会被朗读的说明。
  • 图片是链接或按钮唯一标签时仍使用空 Alt。

多余空格删除工具清理复制的描述,避免多余换行和隐藏格式进入 CMS 字段。

发布前如何检查 Alt 文本?

在真实页面上下文中检查图片。确定其作用,删除重复信息,在不显示图片的情况下测试页面,并确认替代文本支持同一任务。然后检查最终 HTML 或 CMS 输出,确保属性存在,并在装饰图片中正确为空。

  1. 识别图片类型:信息型、功能型、装饰型、文字型或复杂型。
  2. 阅读周围内容:不要重复已经提供的信息。
  3. 编写替代内容:聚焦用途和有用信息。
  4. 检查长度:只在措辞重复或过载时缩短。
  5. 检查视觉无障碍:图片内有文字或重要图形时使用对比度模拟器
  6. 测试输出:确认空 Alt 被写成空属性,而不是直接缺失。

自动检查器可以发现缺少的属性,却不能判断文字是否有用。正确描述取决于上下文,因此必须人工检查。

Alt 文本长度是质量判断,不是固定 SEO 目标。简单图片需要简洁替代,功能图片需要明确操作,装饰图片应保持安静,复杂视觉内容应在 Alt 属性之外提供细节。

在图片旁起草描述,再用字符计数器找出不必要的长度。保留所有帮助用户理解或使用页面的词,只删除不能服务于图片用途的细节。