Several icons and images are invisible in Forced Colors mode

Created on 13 February 2025, about 2 months ago

Problem/Motivation

Outside the navigation sidebar there are many icons that are invisible in the Forced Colors mode:

  • Vertical (admin/people/roles) and horizontal/vertical drag icons (admin/structure/types/manage/blog/form-display) are invisible.
  • On admin/appearance/settings/gin the images for the navigation and the layout density are simply uniform oversized checkbox circles instead of displaying the actual images.
  • On
    admin/config/content/formats/manage/content_format?destination=/admin/config/content/formats<code> the icons in the "available buttons" and "active toolbar" component are completely invisible.</li>
    <img src="/files/issues/2025-02-13/fcm_toolbar_config.jpg" alt="toolbar config fieldset in forced colors mode on a text formats edit page and all the toolbar icons are invisible" />
    
    <li>On <code>admin/appearance

    the icons for the actions on the theme cards are invisible.

  • On admin/modules if a field set for a module is expanded the icons for help, permission, and configure are not visible.
  • On admin/structure/types/manage/page/fields/add-field when you select a field type or field group, the icon disappears.
  • On admin/reports/status there are no icons visible.

*There might be more images and icons that are not displayed, this is only an initial set of confirmed occasions

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

Steps to reproduce

  • Switch to the dark mode, active the Forced Colors mode and go to the different pages listed in the Problem/Motivation section

Proposed resolution

  • Make sure that all images and icons are visible in Forced Colors mode

Remaining tasks

User interface changes

API changes

Data model changes

🐛 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.

Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024