scrumlr.io icon indicating copy to clipboard operation
scrumlr.io copied to clipboard

improvement: keyboard accessibility for note reactions

Open brandstetterm opened this issue 11 months ago • 0 comments

Description

I've noticed that the current iteration of the note reactions is laborious if used with the keyboard. Therefore, I want to improve the keyboard accessibility of the note reaction with this change request.

Things I want to change/ improve:

  • [ ] The note reaction menu opens automatically on focus and forces you to skip through all emojis (on every single note). I want to change the behavior so you have to press Enter / Space on the note reaction button to open the menu.
  • [ ] After pressing Enter to open the menu, the focus should automatically switch to the first emoji.
  • [ ] The focus should be trapped inside the menu, so that pressing Tab on the last emoji shifts the focus to the first emoji.
  • [ ] The Arrow keys should be usable to go through the emojis.
  • [ ] When chosing a emoji with Enter / Space or pressing Escape, the menu should close and the focus should shift back to the note reaction button within the note.

Changes

I'll populate this list after all of the planned changes have been implemented

Visual changes

brandstetterm avatar Mar 26 '24 12:03 brandstetterm