-
Notifications
You must be signed in to change notification settings - Fork 194
Description
I'm encountering an accessibility issue when using the JAWS screen reader with react-codemirror2. For example, when typing a word (e.g., "car") and pressing backspace, JAWS reads "blank" instead of the character being deleted. This behavior differs from other editors like TinyMCE, where JAWS correctly announces the deleted character (e.g., "r").
Steps to Reproduce:
Use a Windows machine with JAWS screen reader enabled.
Open the following CodeSandbox
Type the word "car" into the editor.
Press backspace repeatedly.
Expected Behavior:
JAWS should announce each character as it is deleted (e.g., "r", "a", "c").
Actual Behavior:
JAWS only announces "r" correctly. For the remaining characters ("a" and "c"), it announces "blank".
Additional Notes:
This issue is not reproducible on macOS (VoiceOver).
Due to security restrictions, I cannot update the codemirror version in the CodeSandbox.
Versions used in the sandbox:
codemirror: ^5.48.0
react-codemirror2: ^6.0.0
Versions used in my local environment:
codemirror: ^5.65.9
react-codemirror2: ^8.0.1
In this env, (see the versions above), the screen reader reads "blank" from the starting, i.e. even when "r" is deleted.
There seems to be an accessibility issue for sure, it's seems that the issue is behaving differently in different versions.
Any guidance on whether this is a known issue or if there are recommended workarounds would be greatly appreciated.