TypeCellOS / TypeCellOS/BlockNote

Comment thread actions: hover-only controls and unlabeled buttons in ThreadsSideba

Đang mở Phù hợp với người mới
#2,824 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

a11y
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:

Image
  1. Hover-only controls
    These buttons only appear on mouse hover. Without hovering first, they are not reachable by keyboard (Tab).

  2. 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

Mở hướng dẫn đóng góp

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. 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.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. 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

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.