javascript - NVDA 屏幕阅读器无法与大型菜单键盘导航一起使用

Question

On this page ，键盘导航在我的 megamenu 上工作正常，直到我启动 NVDA 屏幕阅读器:当我通过按键盘上的 Enter 键激活菜单项时，我的浏览器不会显示菜单面板，而是会打开菜单中菜单之前的最后一个 anchor 或按钮。标记。在本例中，它是右上角的绿色登录按钮。

有人以前见过这个问题吗？

谢谢

Answer 1

您可能未处于“浏览模式”。

使用 NVDA(最好使用 Firefox 甚至 IE)，按 NVDA 键(如果您使用的是笔记本电脑，可能是 Caps-Lock)和 空格。然后使用 Tab 键导航页面。

一旦我切换模式，按 Enter 键即可执行我认为您想要的操作。

如果您不熟悉不同的浏览模式，请查看Understanding screen reader interaction modes 。这段话可能有帮助:

By creating a virtual copy of the document, screen readers make it possible for blind people to interact with content in ways that would otherwise be impossible on the Windows platform. This happens because the screen reader intercepts most keypresses before they reach the browser, triggering an interaction with the virtual document instead.

来自对该帖子的评论:

Actually some screen readers will fire the onClick event handler when space or enter is pressed on an element while in virtual/browse mode. This is one reason why an element can be activated via the keyboard but not triggered from the keyboard when a screen reader is running.

How Windows Screen Readers Work on the Web是一个类似的资源，重申了大部分相同内容。