U11.01.2The data table is the most reliable alternative form设计

数据表是最可靠的替代形式

别名: 数据表 · 伴随数据表

概念解释

在所有图形的替代形式中,完整的数据表是最可靠的一种:它承载了图形所依据的全部数值,读者(无论使用屏幕阅读器还是需要精确数字的任何人)可以从中获取与图形完全等价的信息,甚至更多(精确值、可复算)。alt 文本只能承载结论层,数据表承载的是完整的数据层——两者互补而非互替。数据表同时服务于多个非残障场景:需要引用精确数字的写作者、想自己复算的质疑者、以及放大后阅读困难的低视力用户。

机制

数据表可靠性的机制是它与图形共享同一个数据源而不是共享一种"转述":alt 文本是制图者对图形的概括(引入了概括误差),数据表则是生成图形的原始数值的直接呈现(零转述)。屏幕阅读器对语义化表格(正确的表头结构)的支持成熟稳定,每一行每一列都能被逐格朗读与导航,这在所有替代技术中是可达性最高的。数据表的工程实现要点是语义化标记:真正的 table 元素配表头(th、scope 属性),而不是用 div 拼的"看起来像表格"的布局——后者在屏幕阅读器中丢失行列结构。呈现方式的权衡在于可见性:默认展开的数据表占据空间且与图形冗余,折叠("查看数据表"展开项)是常用折中,但对主要受众为屏幕阅读器用户的页面,默认展开更友好。数据表还能反向提升图形的可信度:允许任何人从表中复算图形的汇总值,是"数据可验证"的最直接形式。

边界

数据表的规模需要管理:百万级明细不可能也不应作为替代表,替代表的粒度应与图形的聚合层级一致(图形画的是季度汇总,表就给季度汇总),更细粒度的访问通过导出或查询接口提供而非页面内呈现。高维多序列图形的表会变得很宽(每个序列一列),屏幕阅读器横向导航的负担重,此时按序列分表(每个序列一张长表)比一张宽表更可达。数据表也不能替代图形的全部功能:模式识别(趋势、形状)在表格中需要读者自行计算,alt 文本的结论层与数据表的数值层各管一段,三者(图形、alt、表)构成完整的可访问性栈。

怎么落地

  • 每个承载信息的图表配备语义化数据表(真 table + 表头结构),默认折叠但可达。
  • 数据表的数据与图形由同一数据源生成,保证数值一致;更新时同步。
  • 表格提供结构化导出(CSV),供需要进一步处理的用户使用。
  • 验证:用屏幕阅读器(或朗读功能)遍历数据表,确认行列结构与数值都能正确读出;表格被读成"一串数字"即语义化缺失。

延伸

  • 同组U11.01.1 图形需要文字摘要作为等效内容 · U11.01.3 交互式图表需支持键盘遍历
  • 相邻U11.01.1 图形需要文字摘要作为等效内容 · U8.06.3 需提供下钻到原始粒度的路径
  • 站内检索data table · semantic table · accessible data

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/U11.01.2