We have a couple usages of --color--blue-50 in text (see the RSS icon's hover state). We need to make sure we're not using these as it doesn't provide a 4.5:1 contrast ratio required to be WCAG compliant.

In #3211616: Olivero: a11y color contrast test fail for primary button on hover we introduce a new variable --color--blue-10. We can use that, or the existing --color--blue-20 variable.

Issue fork drupal-3231744

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

mherchel created an issue. See original summary.

Gauravvvv’s picture

Replaced the color variable--color--blue-50 with --color--blue-10 in patch #2, Please review.

Gauravvvv’s picture

Status: Active » Needs review
mherchel’s picture

Status: Needs review » Needs work

We don't need to make the change everywhere, only where it doesn't meet contrast criteria. This means we don't need to change borders, outlines, etc. We also don't need to change it if the text is larger than 19px bold too.

Gauravvvv’s picture

Status: Needs work » Needs review
mherchel’s picture

As part if #3242469: Insufficient contrast on Olivero's inactive vertical form labels, we also need to make sure that the new text color provides sufficient contrast in the inactive vertical form labels.

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.

smustgrave’s picture

Status: Needs review » Needs work

MR needs to be updated to 10.1 please.

mgifford’s picture

Issue tags: +wcag143

Adding tag for WCAG SC 1.4.3

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.