Screen Reader Does Not Announce Disabled Elements on Web

[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.