TypeCellOS / TypeCellOS/BlockNote
Comment thread actions: hover-only controls and unlabeled buttons in ThreadsSideba
Chưa có ai nhận issue này.
- Ngôn ngữ chính
- TypeScript
- Star
- 10.2k
- Fork
- 772
- Merge trung bình
- 3 ngày 11 giờ
- Pull request đã merge (30 ngày)
- 17
Mô tả
What’s broken?
In the comments sidebar, each thread has emoji and options buttons in the comment header. Two issues:
-
Hover-only controls
These buttons only appear on mouse hover. Without hovering first, they are not reachable by keyboard (Tab). -
Unlabeled buttons
If buttons are made visible via hover, Tab can reach them but the screen reader announces only bouton with no accessible name:
What did you expect to happen?
Make action buttons keyboard-accessible, always visible in sidebar, or shown on :focus-within, not only :hover.
Add aria-label on emoji and options buttons (e.g. "Add reaction", "Comment options").
Steps to reproduce
Try to reach this icon using only the keyboard.
It doesn’t work unless the icon has first been hovered with the mouse.
BlockNote version
0.51.4
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 trong phần triển khai thanh bên bình luận, tập trung vào tiêu đề bình luận của từng thread cùng các nút emoji và tùy chọn của nó. Xác minh rằng có thể truy cập các điều khiển bằng bàn phím mà không cần di chuột qua, đồng thời trình đọc màn hình thông báo các nhãn có ý nghĩa như “Thêm phản ứng” và “Tùy chọn bình luận”; hoàn thành có nghĩa là cả hai yêu cầu đều hoạt động trong thanh bê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ệ
- react, typescript
- Lĩnh vực
- accessibility, frontend
- Loại issue
- Lỗi
- Độ khó
- 2/5
- Thời gian dự kiến
- 1-3 giờ
- Mức độ hoạt động
- Ít trao đổi
- Độ rõ ràng
- Đặc tả rõ ràng
- Mức phù hợp với người mới
- 72/100