[Feature Request] TreeSelect: Add "labelInAriaLive"-property for better accessibility
Chưa có ai nhận issue này.
Đánh giá
- Độ khó
- 3/5
- Thời gian dự kiến
- 1-2 ngày
- Mức phù hợp với người mới
- 45/100
- Loại issue
- Tính năng
- Độ rõ ràng
- Khá rõ ràng
- Mức độ hoạt động
- Đình trệ
- Công nghệ
- react, typescript
- Lĩnh vực
- accessibility, frontend
Hướng nghiên cứu
Bắt đầu từ component TreeSelect và xác định nội dung aria-live thông báo node đang hoạt động khi di chuyển bằng các phím mũi tên. Theo dõi cách value và label của từng node có sẵn, sau đó triển khai hành vi tùy chọn labelInAriaLive với false là giá trị mặc định; hoàn tất khi label được thông báo lúc được bật và value vẫn là mặc định.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Mô tả
What problem does this feature solve?
If the user moves between TreeSelect options using arrow keys, the screenreader will always read out the value of the active node. It would be much better for accessibility (and more flexible), if I as a developer could decide to use labels for aria-live content instead of the values.
What does the proposed API look like?
New prop would be labelInAriaLive, and it would be false by default. This prob would then be used to decide whether to use the value or label of the selected item, when rendering the aria-live tag of the component.
Using the component with the implemented feature:
<TreeSelect
labelInAriaLive={true} // This is the new prop
treeDefaultExpandAll
treeData={[{ value: 'parent', label: 'parent-label', children: [{ value: 'child', label: 'child-label' }] }]}
multiple
/>
- Ngôn ngữ chính
- TypeScript
- Star
- 312
- Fork
- 204
- Merge trung bình
- 37 phút
- Pull request đã merge (30 ngày)
- 1
Hướng dẫn đóng góp
Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này
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 react-component/tree-select
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 52/100
react-component/tree-select#652 ·
-
treeTitleRender 回显时函数中的targetItem中只有value属性，只return targetItem.label时有效，return 拼接数据只能获取到value属性 Đang mở
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 45/100
react-component/tree-select#528 ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 35/100
react-component/tree-select#485 ·
-
Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 28/100
react-component/tree-select#466 ·
-
DFS这里是否能调整为尾递归 Đang mở
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 35/100
react-component/tree-select#454 ·
Tất cả issue của react-component/tree-select
Issue tương tự
-
VerificationGate: ATTRIBUTION quote guard never matches a normal quotation (\b around the quote) Đang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
danielmiessler/LifeOS#2234 ·
-
T: Bug
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 65/100
-
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 85/100
-
Mend: dependency security vulnerability untriaged
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 70/100