-
-
Notifications
You must be signed in to change notification settings - Fork 693
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 focus visibility for input components in site setup #6544
base: main
Are you sure you want to change the base?
Fix focus visibility for input components in site setup #6544
Conversation
✅ Deploy Preview for plone-components canceled.
|
c0d3290
to
c47d5f2
Compare
c47d5f2
to
039bab3
Compare
@stevepiercy @sneridagh can you please provide review on this? |
Refs: #6504 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
News looks good, with a minor tweak.
This needs review from the @plone/volto-accessibility Team, so I assigned them as reviewers.
I also have a question about the source of the colors that you chose.
This looks like a nice improvement. Thank you!
@@ -0,0 +1 @@ | |||
Fixed missing visible focus for multiple select inputs across components using the SelectStyling widget in Site Setup. The fix ensures proper focus indication for accessibility across all instances of the widget.@Abhishek-17h |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Fixed missing visible focus for multiple select inputs across components using the SelectStyling widget in Site Setup. The fix ensures proper focus indication for accessibility across all instances of the widget.@Abhishek-17h | |
Added visible focus for multiple select inputs across components using the `SelectStyling` widget in Site Setup. The fix ensures proper focus indication for accessibility across all instances of the widget. @Abhishek-17h |
':active': { | ||
backgroundColor: null, | ||
backgroundColor: state.isFocused ? '#e5f4fb' : null, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@Abhishek-17h out of curiosity, where did you get the colors in this PR? I know we're picky about being consistent with colors, especially to ensure sufficient contrast for accessibility. I don't know where we capture them all in a single place, like a style guide.
Hopefully someone from the @plone/volto-accessibility team can inform me. If this thing does not exist, it might be a good thing to add to our accessibility PLIP #6504.
If your pull request closes an open issue, include the exact text below, immediately followed by the issue number. When your pull request gets merged, then that issue will close automatically.
Fixed missing visible focus for multiple select inputs across components using the SelectStyling widget in Site Setup. The fix ensures proper focus indication for accessibility across all instances of the widget.
Update snapshots to match new UI behavior.
Screenshots after Fix :
Previous behavior is provided in #6348
Closes #6348