html - 为什么 Foundation 建议在主要内容中添加 tabindex ="0"?

标签 html css accessibility wai-aria

Foundation's docs on creating skip links ,他们建议将 tabindex="0" 添加到表示要跳转到的主要内容的元素中。我有点不明白他们为什么会这么说。据我所知,这会导致一个额外的元素在通过文档切换时获得焦点,尽管实际上与该元素没有任何关系。

原因可能是与不支持锚定到 id 的旧浏览器兼容?还是另有原因?

更新:它应该很快就不再说上面的内容了,但那是因为I changed it回应这里的答案:P

最佳答案

您应该将 tabindex 设置为 -1 值,以便元素以编程方式可聚焦但不包含在 Tab 键顺序中(与 0 值相反)。

如果您的锚定位到一个不可聚焦的元素,则窗口将滚动到该元素,但下一次按 tab 键将聚焦跳过链接按钮后的下一个元素。

例如参见 definition of focusable根据 W3C:

The element's tabindex focus flag is set.

关于html - 为什么 Foundation 建议在主要内容中添加 tabindex ="0"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44909339/

相关文章:

html - 页脚放置

java - 使用 PDFBox 标记的 PDF

html - 适当的文本填充

html - 响应式缩放绝对定位的元素

css - SVG 仅在 IE 中被渐变叠加隐藏,在 Chrome 中工作正常

jquery - 如何删除网页上特定字符之前或之后的文本

jquery - 辅助功能跳过导航菜单更改视觉焦点,而不是选项卡焦点 - 我该如何解决这个问题

html - JAWS 不会读取角色为 ="tab"的 li 内链接中的 aria-label 链接

javascript - 将网站上传到服务器时出现问题

javascript - 自定义 JavaScript 作为 DOM 节点属性,在准备就绪时执行