Some thoughts on this:
- With the new update, the contrast between the text and background drops. Even if we don't have a WCAG compliant 4.5:1 contrast ratio, this makes it a bit difficult to read.
- The on-hover tooltip trigger delay might be a bit high. Maybe worth playing with that.
- Just changing the color is not that obvious. What if on-hover, we add an underline to the label or an outline around the label so that it is more obvious. Maybe adding a background color on-hover.
- Another idea would be to have an info icon visible next to the label on-hover. This might be a bit annoying but would make it super obvious.
Not becoming annoying for professional users is high priority, so we have to be subtle.
What if the on-hover and default label color are flipped? On-hover having lower contrast might be worth experimenting
Based on lighthouse accessibility checks the contrast s still compliant.
Just to understand, I see a click on the recorded video, does change will require clicking on text after hovering to show the tooltip, or the delay technique will be maintained without clicking?
clicking and hovering is the same thing, hover has a delay, click doesn't, please check the UI
ok, never knew we could click, I like the proposal of changing color on hovering, I would add another suggestion for click behaviour, on hovering transform mouse pointer to finger pointer, here is an inspiration from teams app (they have two states though, hovering shows a small tooltip and clicking shows a detailed tooltip)
No, finger pointer is for links
couldn't capture finger pointer in my screenshot
Finger pointer in the browser means you will get a new tab/window open. This is the standard.
ok, then how user is supposed to know it's clickable?
in this case its a challenge because it doesn't look like clickable, otherwise you see it
using pointer cursor would be practical here, but breaks a consistent standard
teams app
I would be super careful to learn anything from them
ok LGTM, anyway clicking is just a nice to have, let's keep it as a secret feature, hovering with delay technique (this is important for pro users) is enough IMO.
+ your proposal of course aligned with figma reference
feels less like "click me I am actionable"
feels more like "don't click me"
I think the difference of the initial subtle color between what I use and actually disabled is important, if I were to make it disabled, it would have even less contrast
I prefer the first proposal, makes properties clearly different from section title even if it's bold
Another idea would be - maybe have the dark label for the default state and maybe have an alternate color on-hover?
Or potentially just adding an underline on-hover. Not too intrusive.
The idea of zen-mode in the main channel might be a good addition on top of whatever interaction is added here
there is also this option of background "button" color but it's too intrusive
yeah, I feel its a bit much
background on hover looks acceptable, since its the same behavior with other states property gets
less subtle but maybe works better? idk
This one looks fine personally and isn't annoying. Gets the idea of clickable interaction across
I agree, I kindof also like the dimmed default one because it tells the user at the same time that the value is not set.
