I just noticed that I can’t tell a link apart from normal text on this blog when I have blue light ﬁlter enabled, especially when it’s nestled in a large body of continuous text. There are a few reasons for this: I use a dark shade of blue as the accent color of this blog, and I have chosen to remove underlines from links because of typographical reasons (although, there is evidence to suggest contrarily).
I started using a blue light ﬁlter called Redshift on my computer more than 5 years ago. Back then, blue light ﬁlters weren’t quite as hyped as they are now. So I always assumed that I was one of the very few people who ever used them. These days, every layman-oriented operating system comes with blue light ﬁltering feature baked in. Even phones come with night mode by default.
So I think it’s better to start designing with blue light ﬁlters in mind. I’ll admit that this is a fairly specialized problem. The proportion of people that access your website at night time and happen to have a strong blue light ﬁlter enabled is probably not very high.
But I mostly write technical posts targeting programmers and similarly computer-facing people. And programmers are exactly the kind of people who both stay up late and have enough incentive and initiative to set up blue light ﬁlters. So, it seems that I’m the kind of person who needs to keep the possibility of blue light ﬁlters in mind.
And it is a fairly easy thing to do. I simply have to ask myself: “is the meaning of this element lost when the blue-light ﬁlter is cranked up?” In other words, is color the only indicator of the element’s properties? If so, changes need to be made.
If you’re already designing your websites for accessibility then you’ve probably already solved this problem without even caring about it. But then again, there might be some night light speciﬁc design problem that you didn’t realise.
I try to design websites with accessibility when the time allows for it, but I
just caught this blue light ﬁlter problem today. Actually, I already had this
problem years ago, but my default response has always been to turn off the
ﬁlter temporarily. In fact, I can probably type
Ctrl+R pkill redshift ⏎
faster than I can type
aiypwzqp or some other
San Andreas cheat.
The default assumption has always been that it’s my fault when the website or video doesn’t work as intended because of night light. But with more and more people starting to have their blue light ﬁlters turned on, I think it’s time that web designers start anticipating it and designing around it.
In niravko.com, I get around the problem by simply italicizing the links. It’s a very small site, so this works. But in a blog such as this, italics in text often has other meanings. I wouldn’t want a link in my paragraph to convey emphasis or sarcasm to the blue light enabled monitor.