Skip to content

Screen Reader Does Not Announce Disabled Elements on Web #2701

Open
@christi10

Description

@christi10

Is there an existing issue for this?

  • I have searched the existing issues

Describe the issue

In React Native Web version 0.18, screen readers do not announce disabled elements(i.e Pressable), unlike on iOS and Android where they are correctly announced.

React Native Version:

React Native Web: 0.18

Expected behavior

Screen readers should announce disabled elements and their states consistently across all platforms, including web, iOS, and Android.

Steps to reproduce

Create a React Native project using React Native Web version 0.18.
Add focusable elements and set some to be disabled.
Use a screen reader to navigate through the web page.
Observe that the screen reader does not announce the disabled elements on the web.

Test case

https://codesandbox.io/s/6lx6ql1w5r

Additional comments

Are there any known workarounds or solutions to ensure that screen readers announce disabled elements on the web?
Any guidance or recommendations to address this issue would be greatly appreciated.
Thank you for your attention to this matter.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions