Alexia, writing for the self-authored Alexia’s Space:

Another thing I’ve recently implemented is a Low-Contrast Mode toggle at the top of every page

It was brought to my attention by 7700e6, which has pretty sensitive eyes so the high-contrast was causing quite a bit of eye strain, especially on higher levels of brightness

I was only reminded of this later by freeplay, but usually this would be implemented using the prefers-contrast media query, but turns out I don’t know a single browser or operating system that lets me set the contrast to less

I’ve seen lots of operating systems that give me a high contrast option, but never one that let me reduce contrast with it being recognized by applications

So, some more CSS magic to the rescue!

I’ve always ensured my website adheres to WCAG accessibility standards for high-contrast considerations. However, regarding eye strain and other sensitivities, I have never implemented a low-contrast option. This is a great CSS tip that I will now work on for a future update to my design.

Also, hats off to Alexia for practicing proper permalink structure.