accessible = {false} not working in Android

[bmbmjmdm]

Environment

OS: Windows 10
Node: 8.11.3
Yarn: Not Found
npm: 6.4.1
Watchman: 4.9.4
Xcode: N/A
Android Studio: Version 1.4.0.0 AI-141.2343393
Packages: (wanted => installed)
react: 16.5.0 => 16.5.0
react-native: ~0.57.2 => 0.57.2

Description

Setting the property "accessible" to {false} on a UI element doesn't appear to do anything.

Reproducible Demo

Create a parent text element and add 2 child text elements within it. Set the child text elements to accessible={true} and the parent to accessible={false}. Run on android with voice assistance. Notice the parent text element will receive focus and not the children, which is not expected behavior when the parent has accessible={false}

[react-native-bot]

It looks like you are using an older version of React Native. Please update to the latest release, v0.57 and verify if the issue still exists.

The "⏪Old Version" label will be removed automatically once you edit your original post with the results of running react-native info on a project using the latest release.

[bmbmjmdm]

Ran a fresh react native project using v0.57.2, reproduced the problem

[bartolkaruza]

fresh project on 0.57.4?

[bmbmjmdm]

Just tried, same result

[bartolkaruza]

If I understand the <Text /> component on Android correctly, it actually turns nested text into a single TextView. Because there is only one actual TextView from your three Text components, there is only one accessible element (the parent). Try wrapping the child Text components in a parent View component, which should translate into three actual views on the native side. Wrapping will work differently in that case though.

[palexs]

In my case using importantForAccessibility={'no'} helped opt-out a Text component from accessibility reach.

[elicwhite]

@bartolkaruza's comment seems like it explains the issue and that this is working as expected.