html - 辅助功能,跳过导航不起作用

标签 html cross-browser accessibility

我 build 了这个 JsFiddle 让你更好地理解我的意思。

基本上,我只想使用键盘并在“跳过导航”链接上按 enter 跳过导航,该链接具有内容 anchor 。

因此,如果您尝试按 TAB,然后在 Skip navigation 上按 ENTER,然后再次按 TAB,您应该关注内容而不是链接。

它在 FireFox 上运行良好,但在 IE 和 Chrome 上不起作用。

有解决办法/方法吗?

最佳答案

忽略 Chrome,它有一个错误,我不知道它的状态。想到的唯一方法是使用 JavaScript,我不赞成这样做。删除 tabindex=0来自 <ul> 中的链接.

更改 <div id="main"><div id="main" tabindex="-1">

<a id="main" name="main" tabindex="-1">
<div id="mainContent">...

关于html - 辅助功能,跳过导航不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11848351/

相关文章:

javascript - Array.sort() 方法在不同浏览器中的稳定性如何?

javascript - 使用 Javascript 辅助布局

python - 如何刷新 flask 网页?

javascript - 在 iOS 上使用 Chrome 不会触发图像 onLoad 事件

html - 如何将数据库显示到表中,文本直接往下走

javascript - 使用javascript检测用户浏览器

cross-browser - 渐变背景不适用于 Chrome

HTML title 属性而不是标签内容

javascript - 检查网站是否符合 508 标准

html - 尝试用 div 创建比例表