clean-and-green-philly icon indicating copy to clipboard operation
clean-and-green-philly copied to clipboard

A11y: Tooltip does not show for Share button on keyboard focus/activation

Open bacitracin opened this issue 1 year ago • 2 comments

Describe the task

When you hover over the "Share" button with the mouse, a tooltip appears that tells the user they can copy the link. After clicking on the button, a tooltip tells the user that the action was successful. These tooltips should also be visible on keyboard focus.

Acceptance Criteria

  • [ ] Open a property page
  • [ ] TAB over to the "Share" button.
  • [ ] On keyboard focus, the "Copy link" tooltip should be visible.
  • [ ] Press ENTER to activate the button.
  • [ ] The "Link copied" tooltip should be visible.

Additional context

  • Possibly helpful: https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible and https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-within

bacitracin avatar Apr 28 '24 01:04 bacitracin

I would like to work on this.

amyyeung17 avatar May 15 '24 17:05 amyyeung17

Assigned!

bacitracin avatar May 15 '24 22:05 bacitracin

Confirming that this is already in stage - waiting to be merged in production!

marvieqa avatar May 31 '24 13:05 marvieqa