Example app: icon-only IconButtons on the Icon Button screen have no accessible name
Maintainer thường phản hồi trong vòng 1 ngày
Chưa có ai nhận issue này.
Đánh giá
- Độ khó
- 1/5
- Thời gian dự kiến
- 1-3 giờ
- Mức phù hợp với người mới
- 86/100
- Loại issue
- Lỗi
- Độ rõ ràng
- Đặc tả rõ ràng
- Mức độ hoạt động
- Sôi nổi
- Công nghệ
- react-native, typescript
- Lĩnh vực
- accessibility, frontend
Hướng nghiên cứu
Mở example/src/Examples/IconButtonExample.tsx và kiểm tra từng IconButton chỉ có biểu tượng. Thêm aria-label mô tả thao tác của nút, sau đó chạy ứng dụng ví dụ trên web và kiểm tra /icon-button bằng axe-core. Hoàn tất khi axe không báo lỗi button-name nào trên màn hình đó.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Mô tả
Current behaviour
On the example app's Icon Button screen (example/src/Examples/IconButtonExample.tsx), no IconButton passes an aria-label, so the icon-only ones render as buttons with no text, and a screen reader announces them only as "button". On the web axe-core reports button-name (critical): "Buttons must have discernible text".
Expected behaviour
Every icon-only IconButton in the example has an aria-label that says what it does, and axe reports no button-name violation on the screen.
How to reproduce?
- Run the example app on the web from
main(yarn install, thennpx expo start --webinexample/). - Open the Icon Button example (
/icon-button). - Run axe-core on the page.
Preview
What have you tried so far?
Your Environment
| software | version |
|---|---|
| react-native-paper | main (8cb344b) |
| browser | Chromium 153 |
- Ngôn ngữ chính
- TypeScript
- Star
- 14.5k
- Fork
- 2.3k
- Merge trung bình
- 2 ngày 12 giờ
- Pull request đã merge (30 ngày)
- 22
Chuẩn bị môi trường
- Không có Dockerfile hay tệp Docker Compose
- Có mẫu pull request
- Đọc hướng dẫn đóng góp
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Issue khác của callstack/react-native-paper
-
feature request
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
callstack/react-native-paper#5189 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
bug
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 82/100
callstack/react-native-paper#5187 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
Accessibility bug web
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 84/100
callstack/react-native-paper#5180 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
Chip: accessibilityState passed by caller is discarded; aria-checked is never forwarded to the real rendered nodeCó thể đã có người làm @bhumikabiyani đã nhận 2 ngày trước. Đang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
callstack/react-native-paper#5146 · 2 bình luận ·
Maintainer thường phản hồi trong vòng 1 ngày
-
Tooltip: onPress event object is not propagated to parent component on nativeCó thể đã có người làm @aliyilmaztech đã nhận 87 ngày trước. Đang mởbug
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 74/100
callstack/react-native-paper#5003 ·
Maintainer thường phản hồi trong vòng 1 ngày
Tất cả issue của callstack/react-native-paper
Issue tương tự
-
bug
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 88/100
Maintainer thường phản hồi trong vòng 1 ngày
-
pending close triaging
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 78/100
anomalyco/opencode#62582 · 1 bình luận ·
Maintainer thường phản hồi trong vòng 1 ngày
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 68/100
live-codes/livecodes#1079 · 1 bình luận ·
Maintainer thường phản hồi trong vòng 1 ngày
-
Add: ESP 2 ROĐang mởapproved check:passed streams:add
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 66/100
Maintainer thường phản hồi trong vòng 1 ngày
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 68/100
Maintainer thường phản hồi trong vòng 1 ngày