Working towards accessible text on ikuda.net. Also, CSS variables.

January 13, 2024

CWs: none

For a while now, ikuda.net has had a background color which compared to the color of the text, was not even WCAG A compliant. The colour looked nice, so I didn't pay much attention to it, and promptly forgot about it. Some pages which I considered important (eg. mental health) had a black background and white text, or white text and black background. Which version you got depended on whether you were on light or dark mode. These pages were WCAG AAA conformant, the homepage and a few others were not.

Just today, I dimmed the colour of the background enough to meet the WCAG AAA standards for accessible text. My apologies to those who've visited ikuda.net previously and been met with text they may not be able to read. The color is also applied site-wide, rather than some pages having the light/dark mode background thingy I mentioned in the last paragraph. I think the color looks nice, maybe it fits better. ikuda.net is a vampire's site, after all. :3

Now, for something more technical; CSS variables are here. I'm finally using them, and it's already making my life so much easier! Being able to quickly change the colour of multiple elements simultaneously rather than tediously going through every CSS rule with color and background-color is way faster! Such a simple CSS feature I never bothered using, even though I've always known how to use it.