NVDA 自动切换到表单模式

Question

目前我的 React 组件由几个标签和一个输入框组成。它有查看模式和编辑模式。

当我进入编辑模式时，NVDA 自动进入表单模式，因此我无法在输入框中输入任何文本或使用箭头键浏览标签。

默认情况下，按 Enter 键后，NVDA 进入表单模式（请参阅NVDA 的表单键盘快捷键），该模式将所有下一个键盘输入作为某些命令的快捷方式。要退出该模式，我们需要使用 NVDA 键（默认为 insert 键）+ 空格。之后，我们就可以继续打字了。当箭头键开始读取每个字符时，我们甚至无法通过它进行导航。

只读：只读看起来像这样

编辑模式：编辑模式看起来像这样

有没有办法阻止 NVDA 自动进入表单模式？ 任何帮助将不胜感激。

NVDA版本：2018.11 火狐浏览器：60.0.1（64 位）

Answer 1

我不确定我是否明白问题所在。

您的表单模式向后。 当处于表单模式时（意味着您处于

<form>

状态），您想要在输入字段等中输入内容。 键盘事件将发送到表单而不是屏幕阅读器，以便您键入的内容就是您看到的内容。

退出表单模式后，您将返回“屏幕阅读器模式”，并且您键入的字符将被解释为屏幕阅读器快速导航键（例如“B”转到下一个按钮，“T”转到下一个按钮）下一张桌子等）。

NVDA（和 JAWS）可以选择当焦点转到表单元素时是否自动进入表单模式。

因此，您是否在问如何强制屏幕阅读器切换模式？

Answer 2

我在我们的应用程序中遇到了同样的问题。它有一个带有包含输入的嵌套表的表单。当试图专注于任何输入时，它就被跳过了。它在 Chromium 浏览器中运行良好。 问题是该表有一个 attr

aria-hidden="true"

，这就是为什么其中的每个输入都被跳过的原因。删除它，一切都表现得像它应该的那样。