Skip to content

Bad reading number with digit using ReactJS, NVDA and FireFox #9149

@dszymczuk

Description

@dszymczuk

Do you want to request a feature or report a bug?

bug

What is the current behavior?


I write application with accessibility using ReactJS.
I have a problem with NVDA and FireFox - NVDA can't read number correctly.
I've found solution (use setTimeout with 0 delay), but I think, that can do it better.

I've created proof of concept to show the problem:
https://jsfiddle.net/IceManSpy/1bxu6aau/

To reproduce - sad path:
Run jsfiddle on FireFox
Run NVDA (you can open speech viewer)
Click sometimes on Random me! in Not works example
Check results - first value will be ok, but next not.
Sometimes will be (fe. 345.67):
345
67
but sometimes (it missing first digit):
45
67

To reproduce - happy path:
Run jsfiddle on FireFox
Run NVDA (you can open speech viewer)
Click sometimes on Random me! in Works example
Check results - every value will be ok.

How can I resolve this problem without setTimeout ?


What is the expected behavior?

Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?

Windows, FireFox.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions