html - 可访问性：是否推荐锚列表和一个段落中的选项卡索引？

Question

我正在创建一个时间线。时间线代表博客的一系列帖子，中心是当前帖子。时间线中的每个项目都是一个锚点，而不是中心。

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

提前致谢！

Answer 1

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

唯一可能无法通过键盘访问的项目是“当前帖子”，除非

• 代表当前帖子的项目也是当前页面的链接（a元素 with href），这不是一个优雅的解决方案（并且可能令人困惑），或者
• 代表当前帖子的项目具有一个属性tabindex="0"，可以使其在键盘上聚焦，而无需更改页面上其他元素的 tab 顺序。

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