图表元素需有可预期的键盘遍历顺序
别名: 遍历顺序 · 焦点顺序
概念解释
键盘用户在图表中移动时依赖对遍历顺序的心理模型：从哪里进入、按什么顺序经过哪些元素、到哪里结束。视觉用户扫描图表的顺序由空间布局自组织（先左后右、先整体后细节），而键盘遍历的顺序是设计者显式定义的——顺序设计得符合读者的空间预期时，键盘用户可以在脑中构建与视觉用户等价的图表地图；顺序随机或反直觉时，每次移动都是猜谜，遍历从"导航"退化为"试错"。
机制
可预期顺序的机制是把视觉布局的逻辑顺序翻译为线性序列：时间序列图按时间先后遍历（早期到晚期，与读者读轴的习惯一致）、类别图按展示顺序或值排序遍历（与图形中柱子的排列一致）、多序列图按图例顺序先序列后数据点。判断顺序是否"可预期"的操作化标准是：一个只听遍历顺序（不看屏幕）的用户，能否预测下一个元素是什么。顺序与空间布局冲突的典型反例是 DOM 顺序与视觉顺序不一致的图表（数据在代码里按字母序、图上按值排序），屏幕阅读器用户听到的顺序与视觉用户看到的排列不同，两个用户群对同一张图建立完全不同的结构印象。遍历顺序还需要与进入/退出路径衔接：Tab 进入图表落在第一个元素、Escape 或继续 Tab 离开——入口与出口的位置固定且可预测，遍历顺序才构成一个闭环模型。
边界
顺序的可预期性与遍历粒度是耦合决策：细粒度（每个数据点）遍历要求顺序在点级也可预期（时间序列天然有序，容易；散点图没有自然顺序，需要显式定义如"按值排序"）；粗粒度（整体摘要 + 分段）降低了对顺序的要求但牺牲了逐点访问。顺序还受到交互层级的约束——延伸至同组的层级切换：顺序在"序列层"与"数据点层"各自成立，两层之间需要固定的切换键，顺序模型才完整。图形动态变化（筛选后数据集变化）时，顺序规则必须重新应用而非保留旧顺序——用户记住的是规则而非具体的元素列表。
怎么落地
- 为每类图形定义默认遍历顺序：时间序列按时间升序，类别图按图上排列顺序，多序列按图例顺序。
- 保证 DOM/无障碍树顺序与视觉顺序一致；数据排序变化时同步更新遍历顺序。
- 固定入口（Tab 进入落在首个元素）与出口（Escape 或 Tab 离开）位置，写入键盘交互约定文档。
- 验证：蒙住屏幕仅凭键盘遍历一张图，尝试在脑中重建图形结构；无法重建或频繁迷失即顺序不可预期。