Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[0.69.2 android-only accessibility] 'accessible' not working #34266

Open
wuyue1019 opened this issue Jul 25, 2022 · 7 comments
Open

[0.69.2 android-only accessibility] 'accessible' not working #34266

wuyue1019 opened this issue Jul 25, 2022 · 7 comments
Labels

Comments

@wuyue1019
Copy link

wuyue1019 commented Jul 25, 2022

Description

'accessible' property not working on android.

Version

0.69.2

Output of npx react-native info

System:
OS: macOS 12.4
CPU: (8) x64 Intel(R) Core(TM) i7-4870HQ CPU @ 2.50GHz
Memory: 37.68 MB / 16.00 GB
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 16.15.0 - /usr/local/bin/node
Yarn: 1.13.0 - /usr/local/bin/yarn
npm: 8.5.5 - /usr/local/bin/npm
Watchman: Not Found
Managers:
CocoaPods: 1.10.1 - /usr/local/bin/pod
SDKs:
iOS SDK:
Platforms: DriverKit 21.4, iOS 15.5, macOS 12.3, tvOS 15.4, watchOS 8.5
Android SDK: Not Found
IDEs:
Android Studio: 3.1 AI-173.4907809
Xcode: 13.4.1/13F100 - /usr/bin/xcodebuild
Languages:
Java: 11.0.2 - /usr/bin/javac
npmPackages:
@react-native-community/cli: Not Found
react: 18.0.0 => 18.0.0
react-native: 0.69.2 => 0.69.2
react-native-macos: Not Found
npmGlobalPackages:
react-native: Not Found

Steps to reproduce

  1. Create an empty project
  2. Add below code anywhere appropriate
<View accessible={true} accessibilityLabel={'three'}>
  <Text>one</Text>
  <Text>two</Text>
</View>

[Android-only]
Expected: 'three' only for accessibility
Got: 'one' and 'two' still focusable for accessibility

For now I have to add accessible={false} for both 'one' and 'two' as a workaround.

Snack, code example, screenshot, or link to a repository


<View accessible={true} accessibilityLabel={'three'}>
  <Text>one</Text>
  <Text>two</Text>
</View>
@wuyue1019
Copy link
Author

BTW, my RN was updated from 0.59.8, and the performance for accessibility is quite much better in 0.69.2. Thanks dudes for the efforts.

@cortinico
Copy link
Contributor

@blavalla is this something for you to track?

@EdmundasR
Copy link

have run into this issues on 0.69.3-0.69.5 and it seems the issue is gone on 0.70.0

@paulosborne
Copy link

We've encountered this in 0.69.6 and we're currently unable to upgrade to 0.70 due to an issue with one of our other dependencies so if this could be patched in v69 it would be appreciated.

@github-actions
Copy link

github-actions bot commented Jun 2, 2023

This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 7 days.

@github-actions github-actions bot added the Stale There has been a lack of activity on this issue and it may be closed soon. label Jun 2, 2023
@AvielYosef
Copy link

I got the same issue, we upgrade to 0.70 and its gone

@acrojas2
Copy link

acrojas2 commented Nov 2, 2023

I have a related issue.
I have react-native 0.71.8 and still have the problem, accessible prop is not working. I set accessible false, but it still focusable with the hardware keyboard.
The pseudo code is something like this:

<View accessible={false}>
 <Pressable ...props />
</View>

anyone can help me pliss??

@github-actions github-actions bot removed the Stale There has been a lack of activity on this issue and it may be closed soon. label Jan 16, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

7 participants