Focus not moved when image edit panel opens

Đang mở
#2,813 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.

Đá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
58/100
Loại issue
Lỗi
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Ít trao đổi
Công nghệ
react, typescript
Lĩnh vực
accessibility, frontend

Hướng nghiên cứu

Start by reproducing the issue in a Docs document with keyboard navigation, inserting an image via / or /image/. Trace the image edit panel opening and its focus behavior. Done means focus reaches the panel or its first interactive element, or the panel opening is announced through an aria-live region, and the keyboard-only flow is accessible to a screen reader user.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

a11y
What’s broken?

After inserting an image (via / or /image/), the first command menu collapses but the focus remains on it. The image edit panel opens without the focus being moved to it and without any information being provided to the user indicating that a new panel is now available.

Impact

A blind user navigating with a screen reader inserts an image: the first menu collapses, the focus remains on it, and the edit panel opens silently. The user does not know that the panel is available and cannot access it without a mouse.

What did you expect to happen?

When the image edit panel opens, the focus must be moved to this panel or to its first interactive element. If moving the focus is not desirable, the panel opening must be announced via an aria-live region.

Steps to reproduce

Open a Docs document
Navigate using keyboard only
Insert an image via / or /image/
Notice that the focus remains on the first collapsed menu; the edit panel is open but inaccessible without a mouse

BlockNote version

0.51.1

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

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.

Issue khác của TypeCellOS/BlockNote

Tất cả issue của TypeCellOS/BlockNote

Issue tương tự

Thêm issue về TypeScript

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.