可点击标题标签的键盘导航

Question

我在使用键盘访问可导航标题项时遇到了一些问题，我想知道我是否错过使用ARIA，如果我应该标记或标记它们，以便我能够导航到标题链接使用键盘而不是键盘。

<article role="article">
    <header role="navigation" data-bind="click:gotoLink">
        <div>....</div>
    </header>
</article>

Answer 1

很难理解您尝试从代码示例中获得什么，但有些注意事项：

• 使用header角色覆盖navigation元素没有意义，non-conforming in HTML这样做。
• 为了使元素可以通过键盘导航，它需要interactive content或添加tabindex attribute。