J4 RC5 a11y - increae color contrast for drop down

[coolcat-creations]

Steps to reproduce the issue

The color contrast in the green drop downs is not enough

Expected result

White and a darker green would work

Actual result

Contrast Checker fails

System information (as much as possible)

Joomla 4 RC5 and Firefox Developer Edition

[brianteeman]

I'm a bit confused - which green are you referring to. If it is the green box with the black indicator then you cut the graphic before it shows the relevant part ;)

If its the green text on the white background then it is also fine

[coolcat-creations]

I tested the black chevron on the green and It shows both fail in the color contrast checker?

[chmst]

The black chevron on dark green indeed has bad contrast.

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/35010.}

[brianteeman]

It is not text. It's a user interface component which as shown in the screenshot passes because the contrast only needs to be 3:1

[coolcat-creations]

Ok, got you - however the contrast is so weak that it confused even me and I am not color blind. this could be optimized or not?

[brianteeman]

The problem is that because of the strange way the arrow has been created that has to stay as black and changing the green is the only option but that has a knock on effect throughout the template.

For me the only real solution is to fix the way the arrow is created

[coolcat-creations]

Seems we could change the css to

.form-select.form-select-success, .form-select.form-select-danger { background-image: url("/administrator/templates/atum/images/select-bg-white.svg"); }

and add a white arrow svg.

I am currently with the Joomla Kids Training and not able to do the PR but hopefully next week if no one has time to do it.

Or someone could fix the strange markup that is done there...

[Krshivam25]

I'm working on this issue. Thanks

[Quy]

Is it necessary to have the color background? Maybe resurrect this PR #28755

[Krshivam25]

Is it necessary to have a color background? Maybe resurrect this PR #28755

Maybe not as another tab is having white color background.