Skip to content

Progress Bar values not announced on Screen Reader #61

Description

@grgr-dkrk

from
react/react-native#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.

Activity

  1. amarlette commented on Feb 20, 2021

    @amarlette

    Thank you for opening this up! There is also the issue of react/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

    react/react-native#30840 is the parent issue for react/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!

  2. grgr-dkrk commented on Feb 23, 2021

    @grgr-dkrk
    Author

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

  3. grgr-dkrk commented on Feb 24, 2021

    @grgr-dkrk
    Author

    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.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions