TypeCellOS / TypeCellOS/BlockNote

Improve table and videos accessibility in BlockNote

Đang mở
#2,853 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ả

Discussed in https://github.com/TypeCellOS/BlockNote/discussions/2766

Originally posted by Ovgodd May 21, 2026

allow authors to define an accessible table title

Feature Request

This issue was identified during the Docs accessibility audit on a page containing table-related content.

Audited page:
https://docs.numerique.gouv.fr/docs/0d998bef-1b69-47ce-bd18-83d4d849c734/

BlockNote tables do not currently provide a way for authors to define an accessible table title.

A table title helps users understand the purpose of the table before navigating its content, especially screen reader users.

What did you expect to happen?

Authors should be able to define an accessible table title in the table editing UI.

This title should be exposed in the generated markup, preferably using <caption>.

Example:

<table>
  <caption>Project members</caption>
  <thead>
    <tr>
      <th>Name</th>
      <th>Role</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Alice</td>
      <td>Designer</td>
    </tr>
  </tbody>
</table>

Alternative implementations could use aria-label or aria-labelledby if is not suitable.

Without an accessible table title, users may need to navigate the table content before understanding what the table is about.

A dedicated table title improves comprehension for screen reader users and helps authors create more accessible structured content.

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

Start by locating the table editing UI and the code that produces generated table markup; review the accessibility discussion in #2766 and the audit context. Done means authors can enter a table title, and the resulting markup exposes it accessibly, preferably through a caption or a documented alternative.

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
52/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.