callstack / callstack/react-native-paper

RadioButton.Item - Android Talkback can reach radio button twice

Open Beginner friendly
#4,881 0 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
12

Description

### 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

Contributor guide

Open the contributing guide

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.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.