callstack / callstack/react-native-paper
Should Radio Buttons disable "Double tap to activate" when already activated? (Screenreaders only)
- Ngôn ngữ chính
- TypeScript
- Star
- 14.5k
- Fork
- 2.2k
- Merge trung bình
- 5 ngày 23 giờ
- Pull request đã merge (30 ngày)
- 12
Mô tả
Hi there, I am assisting with the development of a mobile application and we are using react-native-paper as our underlying component library. We've noticed something very particular that was reported by our Accessibility compliance software - and wanted to make the library authors aware of it (as there's no way to change/alter this behavior as far as I can tell through the current component API).
Here are the conditions for the problem to arise:
- You are using Android OS and the [Accessibility Suite](https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback&hl=en_US&gl=US) to enable [TalkBack](https://support.google.com/accessibility/android/answer/6007100?hl=en), which is a very common piece of software used by humans with visual disabilities.
Unfortunately, the expo snacks on expo.dev do not come with the accessibility suite installed, so to reproduce this might be a bit of work. I am attaching a video file (recorded from my personal iPhone) showing the current behavior. I also did create an expo snack just for the sake of you being able to see the code I was running in my demo (in the video I've attached). That expo snack is here:
- https://snack.expo.dev/@ediviney/react-native-paper---radio-button-screenreader-example
And here is the video of the behavior:
https://github.com/callstack/react-native-paper/assets/5143860/a6f117b4-1bea-43c7-a57b-c115a004fec0
Note specifically, the problem I am inquiring about is the screen-reader announcing "Double tap to activate" for ***already-selected radio buttons.
## My question:
Is it possible, or an accessiblity requirement to disable the screen-reader saying "Double tap to activate" on already-activated (selected) radio buttons? I imagine this would also apply to things like checkboxes.
I have done some research my own, and found a few stack overflow links that may or may not help shed some light on the situation, but I am almost inclined to say this is a native behavior that we cannot alter, and Android adds this label to anything that is clickable/pressable like buttons, checkboxes, radio buttons, etc.
- [Replace the whole announcemnt for "double tap to activate when talkback enabled](https://stackoverflow.com/questions/44037291/replace-the-whole-announcemnt-for-double-tap-to-activate-when-talkback-enabled)
- [How to change Android talkback instructions for double tap and long press](https://stackoverflow.com/questions/39455917/how-to-change-android-talkback-instructions-for-double-tap-and-long-press)
- [How do it disable message "double on tap" in view using talkback accessibility android?](https://stackoverflow.com/questions/40336288/how-do-it-disable-message-double-on-tap-in-view-using-talkback-accessibility-a/64475769#64475769)
Hướng dẫn đóng góp
Hướng nghiên cứu
Bắt đầu bằng cách tái hiện hành vi trong Expo Snack được liên kết trên Android khi đã bật TalkBack, sử dụng video đính kèm làm tài liệu tham khảo. Kiểm tra hành vi accessibility của nút radio trong React Native Paper và xác định liệu nền tảng có hỗ trợ thay đổi thông báo được yêu cầu hay không. Công việc được xem là hoàn tất khi đã thống nhất hành vi mong đợi và xác minh được kết quả đối với các nút radio đã được chọn.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- android, react-native
- Lĩnh vực
- accessibility, mobile
- Loại issue
- Lỗi
- Độ khó
- 4/5
- Thời gian dự kiến
- 3-5 ngày
- Mức độ hoạt động
- Đình trệ
- Độ rõ ràng
- Cần làm rõ
- Mức phù hợp với người mới
- 25/100