Progress Bar values not announced on Screen Reader

[grgr-dkrk]

from https://github.com/facebook/react-native/issues/30845

Accessibility for Progress bars on Android rely heavily on the AccessibilityNodeInfo's RangeInfo class. This class defines a min, max, and current value, and should be attached to the AccessibilityNodeInfo for any progress bar component.

Currently, this all works if using the accessibilityValue prop, but the built in class does not do this automatically.

[amarlette]

Thank you for opening this up! There is also the issue of facebook/react-native#30941 which is in a similar vein of the values not announcing, if the progress bar is disabled then it doesn't announce. I've created a seperate issue #62

facebook/react-native#30840 is the parent issue for facebook/react-native#30941 and there are more specific details there

Any help in identifying if this issue has been addressed in this repo would be greatly appreciated!

[grgr-dkrk]

@amarlette This component itself is a BaseView extends and works fine if there are props such as accessibilityValue on the JavaScript side, but the built-in side doesn't seem to support it. If necessary, I can work on this issue, after getting permission from the maintainer. Thank you.

[grgr-dkrk]

I attached Delegate to this component and I was able to see Talkback read aloud. I will report some issues.

• There are no minimum or maximum props for this component. react-native-web treats 0-100 as a range.
• Android 7 and lower operating systems that do not support RangeInfo, so TalkBack does not read this percentage. 10 was fine.
• If indeterminate is true and accessibilityValue is set, it will appear to loop through the percentages from min to max. I think It needs prop to pass accessibilityValue.text param.