RadioButton.Item - Android Talkback can reach radio button twice

Open Beginner friendly
#4,881 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
68/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Quiet
Tech stack
react-native, typescript

Research direction

Start by locating the RadioButton.Item implementation and reproduce the behavior with Android Talkback. Trace how the item and its radio button are exposed to accessibility navigation, then verify that Talkback reaches the combined label and radio button only once.

Written by the indexing model from the issue text.

Description

bug
Current behaviour

If you use the Android Talkback screenreader to navigate the radio button, you first hit the label + radio button (as intended with RadioButton.Item - but then the screen reader can also reach the radio button itself, which is unlabelled. This is undesirable, as it's both confusing, and requires extra swiping.

Expected behaviour

Radio button should not be reachable on its own when used within a RadioButton.Item.

How to reproduce?

Create a RadioButton.Item and test it out with Android Talkback.

Preview
What have you tried so far?
Your Environment
software version
ios x
android 16
react-native 0.81.5
react-native-paper 5.15.0
node x.x.x
npm or yarn x.x.x
expo sdk x.x.x
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
11

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from callstack/react-native-paper

All issues in callstack/react-native-paper

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.