Opening this in favor of #3227429: Olivero: Autocomplete icon doesn't have proper contrast in high contrast mode.

The autocomplete form widget's icon doesn't always meet contrast recommendations to meet WCAG standards.

In high contrast mode the icon doesn't change color. This can be a problem because we don't know if the user has a light theme or dark theme.

I tested out Olivero, Bartik, and Claro. The problem occurs within all of the themes and should be fixed within the module CSS.

Olivero:

Claro:

Bartik:

CommentFileSizeAuthor
olivero.png51.48 KBmherchel
claro.png21.99 KBmherchel
bartik.png28.35 KBmherchel

Comments

mherchel created an issue. See original summary.

mherchel’s picture

mherchel
he/him
Primary language English
Location Gainesville, FL, US
commented

Not quite sure the best way to tackle this one:

1) We could easily add a white background to the icon. This would pass contrast, but not look good.
2) Firefox does not properly support (forced-colors: active) and (prefers-color-scheme)
3) -ms-high-contrast is problematic because of custom color schemes
4) We can't use CSS shapes if we add it as a background image.

Thoughts?

Version: 9.3.x-dev » 9.4.x-dev

Drupal 9.3.0-rc1 was released on November 26, 2021, which means new developments and disruptive changes should now be targeted for the 9.4.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 9.4.x-dev » 9.5.x-dev

Drupal 9.4.0-alpha1 was released on May 6, 2022, which means new developments and disruptive changes should now be targeted for the 9.5.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 9.5.x-dev » 10.1.x-dev

Drupal 9.5.0-beta2 and Drupal 10.0.0-beta2 were released on September 29, 2022, which means new developments and disruptive changes should now be targeted for the 10.1.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 10.1.x-dev » 11.x-dev

Drupal core is moving towards using a “main” branch. As an interim step, a new 11.x branch has been opened, as Drupal.org infrastructure cannot currently fully support a branch named main. New developments and disruptive changes should now be targeted for the 11.x branch, which currently accepts only minor-version allowed changes. For more information, see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 11.x-dev » main

Drupal core is now using the main branch as the primary development branch. New developments and disruptive changes should now be targeted to the main branch.

Read more in the announcement.