Skip to content

Comment thread actions: hover-only controls and unlabeled buttons in ThreadsSidebar #2794

@Ovgodd

Description

@Ovgodd

What’s broken?

Hello, I'm opening an issue about comment thread actions accessibility

image

In the comments sidebar, each thread has emoji and options buttons in the comment header. Two issues:

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:

Control SR announcement
Emoji button bouton
Options button (closed) bouton
Options menu (open) Modifier le commentaire, Supprimer le commentaire

Menu items are fine; trigger buttons are not.

What did you expect to happen?

  1. Make action buttons keyboard-accessible, always visible in sidebar, or shown on :focus-within, not only :hover.
  2. Add aria-label on emoji and options buttons (e.g. "Add reaction", "Comment options").

Steps to reproduce

Focus in a comment
buttons does nt appears

BlockNote version

0.51.1

Environment

windows

Additional context

No response

Contribution

  • I'd be interested in contributing a fix for this issue

Sponsor

  • I'm a sponsor and would appreciate if you could look into this sooner than later 💖

Metadata

Metadata

Assignees

No one assigned

    Labels

    needs-triageIssue has not yet been reviewed or classified by maintainers.

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions