ui3 color contrast fail (no longer WCAG level AA conformant)

General Discussion
1

Hi there,

The new UI3 uses an updated gray font color which is lighter than before.
At the same time, there are new light-gray background boxes behind the gray fonts & icons.

The lighter texts and darker backgrounds reduced contrast and compromised readability significantly. In fact parts of the UI fail WCAG level-AA color contrast.

Here’s how I use Figma to quickly test color contrast for accessibility in my designs;

Screenshot 2024-09-18 at 7.35.28 PM
Screenshot 2024-09-18 at 7.35.28 PM3000×1548 512 KB

  • And are we using a smaller font in the UI3 to make up for the added padding? (other people already posting about padding but the weenie fonts making me feel real old today).

I have perfect vision and on first impressions this visual update immediately strains my eyes.

2 Likes
2

UI3 is a nightmare in dark mode, i can’t tell input fields from the background without putting conscious effort into finding them. I’m reverting back to UI2 where things were usable.