NVDA 自动切换到 Forms 模式

Question

Currently my React component consists of a few labels and one input box. And it has a view mode and en edit mode.

When I go into edit mode, NVDA automatically goes into forms mode, due to which I'm not able to enter any text in input box or navigate through labels using arrow keys.

By default, on pressing Enter, NVDA goes in forms mode (see NVDA's keyboard shortcuts for forms ) which takes all next keyboard input as shortcut to some command. To come out of that mode, we need to use the NVDA key (Default is insert key) + space. After that, we can resume typing. We are not even able to navigate through arrow key as it begins reading each character.

Readonly: ReadOnly Looks like this

Edit Mode: Edit Mode looks like this

Is there a way to prevent NVDA from going into forms mode automatically? Any help would be appreciated.

NVDA Version: 2018.11 Firefox: 60.0.1 (64-bit)

Answer 1

I'm not sure I follow what the question is.

You have forms mode backwards. When in forms mode (meaning, that you're in a <form> ), you want to type stuff into input fields and such. The keyboard events go to the form instead of to the screen reader so that what you type is what you see.

When you exit forms mode, you're back in "screen reader mode" and characters that you type will be interpreted as screen reader quicknav keys (such as 'B' to go to the next button, 'T' to go to the next table, etc).

NVDA (and JAWS) have options on whether to automatically go into forms mode when focus goes to a form element.

So given that, are you asking how you can force a screen reader to switch modes?