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

Question

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

在 IE11 中，屏幕向下移动以“阅读”主要内容，但 JAWS 不会阅读 div 中的内容。我已经在网上进行了研究以找到解决方案，但未能找到解决方案，这就是我与您联系的原因。就其值(value)而言，我们的网站是基于 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 基本上会重新导航到页面，可能会干扰焦点。