在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/