我正在创建一个时间线。时间线表示一个博客的一系列帖子,中心的帖子是当前的帖子。时间线中的每一个项目都是锚,但中心除外。我想知道哪种方式更适合屏幕阅读器和辅助技术。为列表中的每一项创建一个标签索引,或者只为p创建一个标签索引,或者什么都不做!
6ovsh4lw1#
如果时间轴中锚点的顺序与博客帖子的时间顺序相匹配,并且如果每个a元素都有一个href属性,那么键盘用户(包括屏幕阅读器用户)将能够按照预期的顺序导航时间轴上的项目。这些项目不需要tabindex属性。唯一可能无法通过键盘访问的项是“当前帖子”,除非
a
href
tabindex
tabindex="0"
根据您的描述和屏幕截图,我假设代表当前帖子的项目不是链接,您应该使用第二个选项。
1条答案
按热度按时间6ovsh4lw1#
如果时间轴中锚点的顺序与博客帖子的时间顺序相匹配,并且如果每个
a
元素都有一个href
属性,那么键盘用户(包括屏幕阅读器用户)将能够按照预期的顺序导航时间轴上的项目。这些项目不需要tabindex
属性。唯一可能无法通过键盘访问的项是“当前帖子”,除非
href
的a
元素),这不是一个优雅的解决方案(并且可能会混淆),或者tabindex="0"
以使其可在键盘上聚焦而不改变页面上其他元素的Tab键顺序。根据您的描述和屏幕截图,我假设代表当前帖子的项目不是链接,您应该使用第二个选项。