Skip to main content

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



  • 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.

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.

(upload://bewHcooZrqs8qFGZwLg4Xi4YrTd.png)

image


It seems like many others have already mentioned this, but I wanted to add my feedback as well. The red color combined with the grey background is really hard on the eyes and not WCAG-friendly, even for someone with great vision like me. I’d really appreciate it if you could look into improving this.

Reply


Terms & ConditionsCookie settings