The Vertical orientation button on the right side of the admin menu at large screen sizes (or at the bottom of the admin menu when the menu is already vertically oriented)
has insufficient color contrast when it is not hovered or not focused. The SVG icon's color is set to #bebebe while the background-color is #f5f5f5
When it IS hovered, the SVG icon's color is set to #787878 with the same background color #f5f5f5, which is better, and matches the other icons in the menu
I believe it is this way because this is the only icon in the menu without associated text ... So, the icons that DO have associated text don't have a color change on hover because instead the associated text gets underlined. This one, without associated text, needs a color change on hover to indicate focus/active.
The question is, if the SVG icon color starts at the darker #787878, then what does it transition to on hover/active/focus, as there isn't really an analogous situation as far as I can tell. This is also slightly complicated by the fact that the background color for this one section of the menu is #f5f5f5 rather than #ffffff in the rest of the admin menu, which makes it harder to achieve "good" color contrast with the same icon colors.
Again, the icons are SVGs with a fill attribute specified on their path elements, so that's likely where it should be changed:
core/misc/icons/787878/push-left.svg
core/misc/icons/bebebe/push-left.svg
which are then referenced in:
core/modules/toolbar/css/toolbar.icons.theme.css
core/themes/stable/css/toolbar/toolbar.icons.theme.css
Needs work
9.5
It affects the ability of people with disabilities or special needs (such as blindness or color-blindness) to use Drupal.
Used to track the progress of issues reviewed by the Drupal Needs Review Queue Initiative.
Not all content is available!
It's likely this issue predates Contrib.social: some issue and comment data are missing.
Tested it passes using https://www.tpgi.com/color-contrast-checker/
With the fix it is passing.
While Claro is shipping some Toolbar CSS, the current Toolbar designs are not specific to Claro. I think this should be also fixed within the Toolbar module.