TypeCellOS / TypeCellOS/BlockNote

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

Ouverte Adaptée aux débutants
#2,824 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

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

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

Commencez par l’implémentation de la barre latérale des commentaires, en vous concentrant sur l’en-tête du commentaire de chaque thread ainsi que sur ses boutons d’emoji et d’options. Vérifiez que les contrôles sont accessibles au clavier sans survol de la souris et qu’un lecteur d’écran annonce des libellés pertinents tels que « Ajouter une réaction » et « Options du commentaire » ; c’est terminé lorsque les deux exigences fonctionnent dans la barre latérale.

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
Bug
Difficulté
2/5
Temps estimé
1-3 heures
Activité
Calme
Clarté
Clairement spécifiée
Accessibilité débutants
72/100

Recevez les nouvelles issues par e-mail

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