One of the things we’ve had a bunch of internal debate about is “how noticeable should this be at all, by default?” (with opinions ranging from “it should be about as visible as the current green links are” to “it’d be basically fine if it jargon-terms weren’t noticeable at all by default.”
Another problem is just variety in monitor and/or “your biological eyes.” When I do this:
Turn your screen brightness up a bunch and the article looks a bit like Swiss cheese (because the contrast between the white background and the black text increases, the relative contrast between the white background and the gray text decreases).
What happens to me when I turn my macbook brightness to the max is that I stop being able to distinguish the grey and the black (rather than the contrast between white and grey seeming to decrease). I… am a bit surprised you had the opposite experience (I’m on a ~modern M3 macbook. What are you using?)
I will mock up a few options soon and post them here.
For now, here are a couple random options that I’m not currently thrilled with:
1. the words are just black, not particularly noticeable, but use the same little ° that we use for links.
Each of your examples is a lot easier to read, since I’ve already learned how much I should ignore the circles and how much I should pay attention to them. I’d be quite happy with either.
If someone really really wants color, try using subtle colors. I fiddled around, and on my screen, rgb(80,20,0) is both imperceptible and easily noticed. You really can do a lot with subtlety, but of course the downside is that this sucks for people who have a harder time seeing. From the accessibility standpoint, my favorite (out of the original, your 2 mockups, and my ugly color hinting) is your green circle version. It should be visible to absolutely everyone when they look for it, but shouldn’t get in anyone’s way.
Without removing from the importance of getting the default right, and with some deliberate daring to feature creep, I think adding a customization feature (select colour) in personal profiles is relatively low effort and maintenance, so would solve the accessibility problem.
Nod.
One of the things we’ve had a bunch of internal debate about is “how noticeable should this be at all, by default?” (with opinions ranging from “it should be about as visible as the current green links are” to “it’d be basically fine if it jargon-terms weren’t noticeable at all by default.”
Another problem is just variety in monitor and/or “your biological eyes.” When I do this:
What happens to me when I turn my macbook brightness to the max is that I stop being able to distinguish the grey and the black (rather than the contrast between white and grey seeming to decrease). I… am a bit surprised you had the opposite experience (I’m on a ~modern M3 macbook. What are you using?)
I will mock up a few options soon and post them here.
For now, here are a couple random options that I’m not currently thrilled with:
1. the words are just black, not particularly noticeable, but use the same little ° that we use for links.
2. Same, but the circle is green:
(I’m on a Framework computer)
Each of your examples is a lot easier to read, since I’ve already learned how much I should ignore the circles and how much I should pay attention to them. I’d be quite happy with either.
If someone really really wants color, try using subtle colors. I fiddled around, and on my screen, rgb(80,20,0) is both imperceptible and easily noticed. You really can do a lot with subtlety, but of course the downside is that this sucks for people who have a harder time seeing. From the accessibility standpoint, my favorite (out of the original, your 2 mockups, and my ugly color hinting) is your green circle version. It should be visible to absolutely everyone when they look for it, but shouldn’t get in anyone’s way.
I appreciate the mockups!
Without removing from the importance of getting the default right, and with some deliberate daring to feature creep, I think adding a customization feature (select colour) in personal profiles is relatively low effort and maintenance, so would solve the accessibility problem.