Skip to content

JAWS Screen Reader Reads "Blank" Instead of Deleted Character in react-codemirror2 #322

@saadahmadhere

Description

@saadahmadhere

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions