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.
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.
Is there an existing issue for this?
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.