patternfly / patternfly/patternfly-react
Tooltips for disabled radio and checkbox
Chưa có ai nhận issue này.
- Ngôn ngữ chính
- TypeScript
- Star
- 862
- Fork
- 392
- Merge trung bình
- 4 ngày 8 giờ
- Pull request đã merge (30 ngày)
- 9
Mô tả
For a tooltip to be accessible for keyboard-only users, the element with the tooltip needs to be able to receive keyboard focus. Elements like <button> that support the disabled attribute cannot receive keyboard focus.
To continue to render these elements as disabled but enable keyboard focus, the following changes are needed:
-
Remove
disabled -
Add
aria-disabled="true" -
Make sure the
pf-m-disabledclass or similar is included on the element to apply the disabled styling. -
If the element is a link, remove
tabindex="-1"
We should update all interactive elements to include a prop that allows the consumer to make the element disabled but focusable so the element can be used with the Tooltip component. This prop should apply the appropriate attributes and classes for the given element.
Unless someone has a better suggestion, the prop could be named isDisabledFocusable (totally open to suggestions on this one)
Jira Issue: PF-208
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.
Hướng nghiên cứu
Bắt đầu bằng việc xem xét các phần tử tương tác render các control bị vô hiệu hóa và component Tooltip. Lập danh sách các button, link, radio button và checkbox bị ảnh hưởng, sau đó xác minh rằng mỗi phần tử có thể vẫn hiển thị ở trạng thái vô hiệu hóa nhưng vẫn nhận được keyboard focus. Hoàn tất khi các phần tử bị ảnh hưởng cung cấp nhất quán hành vi focusable-disabled được yêu cầu mà không làm mất kiểu hiển thị vô hiệu hóa.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- react, typescript
- Lĩnh vực
- accessibility, frontend
- Loại issue
- Tính năng
- Độ khó
- 4/5
- Thời gian dự kiến
- 3-5 ngày
- Mức độ hoạt động
- Ít trao đổi
- Độ rõ ràng
- Khá rõ ràng
- Mức phù hợp với người mới
- 48/100