Icons look chopped in the navigation sidebar in Forced Colors mode

Created on 13 February 2025, about 2 months ago

The icons for every top level menu item in the navigation sidebar look chopped.

Discussed and iterated on the issue with @mgifford, @the_g_bomb, @katannshaw, and @drupa11y

Switch to the dark mode, activate Forced Colors mode, and go to any page in the admin UI. beforehand.

There is already an existing issue for Claro which "should"/”might”(?) fix the problem for Gin as well 🐛 High contrast mode needs some more refinement Active . Please postpone the issue if it is enough to deal with the issue in the referenced Claro issue, but probably after the issue is being fixed for Claro it should be checked that the problem is fixed for Gin as well.

🐛 Bug report

Status

Active

Version

4.0

Component

User interface

Created by

🇩🇪Germany rkoller Nürnberg, Germany

Live updates comments and jobs are added and updated live.

Accessibility
It affects the ability of people with disabilities or special needs (such as blindness or color-blindness) to use Drupal.

Comments & Activities

Issue created by @rkoller
Comment about 2 months ago →
🇨🇦Canada mgifford Ottawa, Ontario
Thanks @rkoller. For folks looking at the icons, this might be a useful reference https://css-tricks.com/accessible-svgs-high-contrast-mode/
Comment 15 days ago →
🇩🇪Germany rkoller Nürnberg, Germany
not sure if the issue can be closed. according to #3467181-15: Navigation module button icons are obscured when in Windows High Contrast → the introduction of the icon api in 📌 Navigation leverage icon core API Needs work solved the problem, so it will be fixed with 11.2. but problem is, would there still need to be a fix for 10.x, since gin is still supporting it, and it doesnt look like that the icon icon api will be backported?

Production build 0.71.5 2024