J2.09.1heading navigation设计研究

标题层级用于快速跳转

别名: 标题跳转 · heading rotor · 标题列表

概念解释

读屏用户按标题键在章节之间跳,转轮或标题列表给出的是一份「可以落脚的章节目录」。标题存在的理由是跳转:一节在视觉上够大、够醒目,却没有被标成标题,那一节就不在这份目录里。人只能从头把全文听一遍才能到达。

层级如何嵌套、一页几个最高级标题、地标怎样补结构,不在这里展开。这一张只锁:章节要进跳转名单,必须真的是标题。

机制

辅助技术把标题节点收成一条可召唤的索引。从目录里选一行落下,和在正文里线性听,成本不在一个数量级。字号、字重、颜色、间距都不进入这份索引。「看起来像章节起点」和「可以被跳到」是两条通道。只用样式做出章节,索引是空的,或只剩偶然留下来的几个真标题;用户会以为页面很短,或把仅有的那几条当成全部结构。

跳转还依赖标题的可访问名称就是那一节的名字。节点在、名称却是空的或「点击这里」,目录里会出现无法辨认的行,跳过去也不知道到了哪。

怎么研究

请明眼人在截图上圈出「我认为是章节起点」的位置,再打开阅读器的标题列表对照。因变量:视觉章节数、列表条数、对得上号的比例;以及允许用标题跳 vs 禁止标题跳、只准线性听时,找到指定节的时间。

把样式去掉再看哪些还是标题,能把真标题和画出来的章节分开。这一步不要去数层级有没有跳过——那是另一条判据。

边界

极短的单块页面(一个表单、一句确认)几乎没有章节可跳,缺标题伤害小。以控件为主、几乎没有长文的屏幕,标题跳的价值低于控件列表,但仍应给每个视图一个能被跳到的主题名。PDF 或画布上的大字若没进标签树,同样不在名单里。把短句、按钮标签都标成标题,名单会被噪声填满,那是另一个方向的失败,不能用「多标几个」来补「该进名单的没进去」。

怎么落地

  • 每个在视觉上承担「一节从这里开始」的句子,用标题标记,而不是只加大加粗。
  • 标题的可见文字就是跳转目录里的那一行,写节能辨认的节名,不要写「更多」或空节点。
  • 验证:打开 NVDA 标题列表或 VoiceOver 转轮的标题视图,数条目。截图上圈出的章节起点应能一一对上,对不上的每一处都是「能看见、跳不到」。再用标题跳走到指定节,线性听不应是到达它的唯一办法。

延伸

  • 同组J2.09.2 列表、表格需使用对应语义 · J2.09.3 用样式模拟结构会丢失语义
  • 相邻J2.14 语义结构与标题层级 · J5.01 屏幕阅读器
  • 站内检索heading navigation · heading list · rotor headings

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/J2.09.1