在 Internet Explorer 中按跳过链接后 JAWS 不读取 div

Question

在我们的网站http://www.discovertechnologies.com 上，我们有一个“跳转到内容”链接，按下回车后，JAWS 用户就会转到主要内容，并立即开始阅读 id=“main”标记的 div 中的任何内容；应该的。但是，由于某种原因，这只能在 Chrome 和 Firefox 中成功运行，而不能在 Internet Explorer 中运行。

在 IE11 中，屏幕向下移动以“读取”主要内容，但 JAWS 不会读取 div 中的内容。我已经研究了网络以找到解决方案，但未能找到解决方案，这就是我与您联系的原因。值得一提的是，我们的网站是基于 WordPress 的。谢谢！

Answer 1

正如this article on skip links 中所指出的，页内链接在不同浏览器中的行为可能不同。 IE 中发生的情况是 IE 只是滚动页面 - 它实际上并没有移动焦点（您可以通过在控制台中检查 document.activeElement 来验证这一点） - 由于没有焦点变化，JAWS 保持沉默。

一个简单的解决方法是使用javascript设置焦点：

<a onclick="jQuery('#main').focus()" href="javascript:void(0)">Skip to content</a>

这里的href="javascript:void(0)" 用于禁止导航 - 否则 IE 将本质上重新导航到页面，可能会干扰焦点。