-
Notifications
You must be signed in to change notification settings - Fork 4.2k
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
DropdownMenu: aria-checked
state is visually unclear
#53771
Comments
Also I find the black background not enough to indicate the selected state, it could be blue and maybe even cover the entire cell including the text. With a black background it looks like an icon, not like a state. |
The outline/highlight indicates the focused element. When you open any drop-down, the first item receives the focus; doing otherwise will be an accessibility issue. |
Then please consider changing the background color of the selected state/cell to a light blue. |
yep, the UI behavior drives my customer crazy, it is not natural and brings confusion (seems the feature is buggy) as stated by @Ren2049
i wanted for months to publish this issue also poke @richtabor
why not focus the current active instead of the first one in any case ??? |
aria-checked
state is visually unclear
The highlight is actually the focus indication and it is required.
Rather, I'd consider to improve the indication of the selected state. I'd agree the icon background/fill color change isn't a great indicator in a dropdown menu. Worth noting this issue applies to other menus as well, e.g. the 'Justify' menu. To me, the editor uses too many, different, visual patterns to indicate the selected item in a menu. FOr example: a checkmark or a dot, or an icon with inverted colors. See screenshot with a couple examples: In my opinion, a good UI should only use one pattern to indicate selection in a dropdown menu to provide a choesive, predictable experience to users. As such, I'd think this needs some new deisign to consider the selection indication holistically throughout hte whole editor UI. Raising this issue from enhancement ot bug, as lack of clarity in the UI is a bug. |
Description
This an old UX issue : the blue highlight is not aligned with the active state
and it brings confusion : user is clicking again on the desired value, and by clicking he's desactivating it !!!
This is very annoying
ping @richtabor > this is another quickwin issue :-)
Step-by-step reproduction instructions
Screenshots, screen recording, code snippet
Environment info
Please confirm that you have searched existing issues in the repo.
Yes
Please confirm that you have tested with all plugins deactivated except Gutenberg.
Yes
The text was updated successfully, but these errors were encountered: