TypeCellOS / TypeCellOS/BlockNote

Improve table and videos accessibility in BlockNote

Ouverte
#2,853 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

a11y
Langage dominant
TypeScript
Étoiles
10.2k
Forks
772
Merge moyen
3 j 11 h
PR mergées (30 j)
17

Description

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

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

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.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
react, typescript
Domaine
accessibility, frontend
Type d'issue
Fonctionnalité
Difficulté
4/5
Temps estimé
3-5 jours
Activité
Calme
Clarté
Plutôt claire
Accessibilité débutants
52/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.