图形需要文字摘要作为等效内容
别名: 替代文本 · alt text
概念解释
视觉障碍读者通过屏幕阅读器获取网页内容,而屏幕阅读器无法解读像素——没有替代文本(alt text)的图表对他们是彻底的空白。替代文本的要点不是"描述这张图是什么"("一张 2024 年销售柱状图"对读者没有用处),而是传达图形的等效信息:这张图想让读者知道的关键结论与关键数值。"等效"是可访问性的核心概念——文字摘要不必复现图形的全部细节,但必须承载与图形相同的消息级内容。
机制
替代文本有效性的机制是信息等级的对齐:图形传达的信息可以分层——结论层("销售逐季增长")、模式层("Q3 出现跃升")、数值层("Q4 达到 120 万")。一份只描述图形类型与坐标轴的替代文本停留在"图形的物理描述",与图形的结论层完全不对齐,屏幕阅读器用户获得的信息量趋近于零。有效的 alt 文本直接写入结论层与关键数值层("2024 年销售逐季增长,Q4 达 120 万,同比增长 18%"),把视觉编码的内容翻译为文字编码的内容。写作上的实用准则是"先写标题结论,再补一个关键数字,控制在一两句";更复杂的图形(多序列、需要探索)则依靠同组的数据表提供完整等价物,alt 文本只承担导览职责("各季度销售明细见下方数据表")。替代文本还有第二受众:图形加载失败时的占位显示、搜索引擎的索引、以及任何需要快速扫读的场景——好的 alt 文本在所有这些场景下都提升图形的可用性。
边界
alt 文本有长度与职责的边界:屏幕阅读器对过长文本(超过一两句)的听读体验很差,长内容应放入长描述(longdesc)或数据表而非塞进 alt 属性。纯装饰性图形(分割线、背景插画)的正确做法是空 alt(标记为装饰、跳过朗读),而不是写"装饰图形"——把装饰当内容朗读同样是干扰。alt 文本无法承载交互性(悬停提示、下钻),交互信息的替代依赖同组的键盘遍历方案。最后,alt 文本的质量无法从代码层面完全校验(自动化工具只能检查"是否存在",不能检查"是否等效"),等效性需要人工评审流程保障。
怎么落地
- 为所有承载信息的图表编写结论式 alt 文本:一句结论 + 一个关键数值,控制在两句以内。
- 复杂图表的 alt 文本承担导览职责,指向页面上配套的数据表或长描述。
- 装饰性图形一律使用空 alt,不占用屏幕阅读器时间。
- 验证:关闭屏幕看图,仅凭 alt 文本回答"这张图的结论是什么";答不出即 alt 文本未达成等效。