What’s broken?
In the comments sidebar, each thread has emoji and options buttons in the comment header. Two issues:
-
Hover-only controls
These buttons only appear on mouse hover. Without hovering first, they are not reachable by keyboard (Tab).
-
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
What’s broken?
In the comments sidebar, each thread has emoji and options buttons in the comment header. Two issues:
Hover-only controls
These buttons only appear on mouse hover. Without hovering first, they are not reachable by keyboard (Tab).
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