Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: make message actions keyboard accessible #272

Merged
merged 1 commit into from
Feb 21, 2024

Conversation

myandrienko
Copy link
Contributor

🎯 Goal

Currently message actions are only displayed on hover, and are not accessible from keyboard. This PR makes message actions more accessible.

🛠 Implementation details

  1. Message actions are now displayed when the message is focused
  2. Action buttons now have outline to clearly show focus

This PR includes a slightly scary change to the button-reset mixin. Previously it removed outline. However, having outline for focused items is important for accessibility, so now outline is not removed.

🎨 UI Changes

Screen.Recording.2024-02-14.at.12.34.15.mov

@myandrienko myandrienko merged commit d30ee50 into main Feb 21, 2024
@myandrienko myandrienko deleted the fix/actions-accessibility branch February 21, 2024 09:19
github-actions bot pushed a commit that referenced this pull request Feb 22, 2024
## [4.7.3](v4.7.2...v4.7.3) (2024-02-22)

### Bug Fixes

* **angular:** move inline style attributes to CSS files ([#273](#273)) ([5eec5f3](5eec5f3))
* make message actions keyboard accessible ([#272](#272)) ([d30ee50](d30ee50))
Copy link

🎉 This PR is included in version 4.7.3 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants