Bottom Sheet Rows Get Selected Twice When Talkback is enabled.

[mchowning]

Description

On Android, when using talkback, bottom sheet cells with toggles get selected twice: once for the row as a whole which has the helpful description you're updating in this PR, and then it will highlight just the button, speaking something vague like "Off. Switch. Double tap to toggle."

Step-by-step reproduction instructions

1. Add a latest posts block to the demo app on Android
2. Open the settings bottom sheet for that block
3. Enable Talkback
4. Observe that you have to cycle through each toggle twice

Expected behaviour

Each toggle should only be selected once. It would be great to get some confirmation from someone more familiar with the accessibility expectations here. I do notice that on iOS, I'm seeing the expected behavior (each toggle is only selected once).

Actual behaviour

Each toggle is selected twice.

Screenshots or screen recording (optional)

device-2022-05-13-090735.mp4

Device information

• Device: Pixel 3
• Operating system: Android 12
• WordPress app version: Observed when testing [RNMobile] Improve text read by screen readers for BottomSheetSelectControl  #41036

[joedolson]

This doesn't appear to still be occurring in the latest version of the mobile app, but I'm not 100% certain of the reproduction steps here. Can @mchowning confirm whether this is still an issue?

Tested on Galaxy S21/ Android 13.

[joedolson]

Pinging @hypest; we're not able to reproduce this, but don't really know whether anything changed.

[hypest]

👋 @joedolson , thanks for the ping!

I'm able to replicate the issue following the steps in the issue description, using the current WordPress mobile app from Play Store (v24.8-rc-2). In fact, looks like there's now an extra element between the text and the toggle switch itself, and it gets selected during Talkback scrolling:

Screen_Recording_20240502_105101_WordPress.mp4