The border of field types on the "add field" step has a too low color contrast

I've updated the border color from #dedfe4 to #949494. The border is now much more visually distinct.

Hi

I have tested the issue on the Drupal 11.x

After MR3986 is applied successfully, Add fields has the border is now dark and border color is updated to #949494.

Hence this can be move to RTBC +1

Attaching screenshot for reference.

Confirmed, patch applies and improves the border contrast.

I have also checked the new contrast with a contrast Checker.

thanks for the MR! i agree #949494 has a high enough contrast, but problem is that this color is not one of the available color variations for claro. the list of available variables is:

  /* Gray variations. */
  --color-gray: #232429;
  --color-gray-900: #393a3f;
  --color-gray-800: #55565b;
  --color-gray-700: #75767b;
  --color-gray-600: #828388;
  --color-gray-500: #919297;
  --color-gray-400: #adaeb3;
  --color-gray-300: #c1c2c7;
  --color-gray-200: #d3d4d9;
  --color-gray-100: #dedfe4;
  --color-gray-050: #f3f4f9;
  --color-gray-025: #f9faff;

I checked using the contrast checker, and --color-gray-500: #919297; meets the expected contrast ratio.

Forgot to attached the screenshot of the final output.

thank you! I've updated the issue summary to reflect the ui changes. and as said in the issue summary the contrast of 3.1:1 is meeting the requirement. so looks all good now.

I have confirmed that the new border color is being applied at `admin/structure/types/manage/article/fields` > Create a New Field. +1 RBTC

This is eligible for backport as an accessibility bug fix, but does not apply cleanly to 10.6.x. If anyone wants to backport this down to 10.x please open a backport MR; otherwise we will just fix this in 11.x and move on.

Committed and pushed e7013351307 to 11.x and dadcf295d0c to 11.2.x. Thanks!

For changes like this, screenshots are only helpful if they show both before and after, so I have not credited anyone that only uploaded "after" screenshots.

longwave → closed merge request !12420

Automatically closed - issue fixed for 2 weeks with no activity.