辅助功能：是否在锚点列表中使用 tab-index 并推荐一个段落？

Question

我正在创建时间轴。 时间轴表示博客的一系列 post，而中心的是当前的 post。时间轴中的每个项目都是一个锚点，但不是中心。

我想知道哪种方式更适合屏幕阅读器和辅助技术。为列表的每个项目创建一个标签索引，或者只为 p 甚至什么都不做！

提前致谢！

Answer 1

如果时间线中锚点的顺序与博客posts的时间顺序相匹配，并且如果每个a元素都有一个href属性，那么键盘用户（包括屏幕 reader 用户）将能够按预期顺序浏览时间轴上的项目。这些项目不需要 tabindex 属性。

唯一可能无法通过键盘访问的项目是 "current post"，除非

• 表示当前post的项目也是当前页面的link（a元素与href），这不是一个优雅的解决方案（和可能令人困惑），或
• 表示当前 post 的项目有一个属性 tabindex="0" 使其可以通过键盘获得焦点，而无需更改页面上其他元素的 Tab 键顺序。

根据您的描述和屏幕截图，我假设代表当前 post 的项目不是 link，您应该使用第二个选项。