When I decided to start blogging again for the first time in many years I decided to use this as an opportunity to level up my skills with Tailwind and accessibility, etc.
I think I had two iterations of this template that I built in Tailwind, but could not get them to look how I wanted. Just little tweaks here and there that were not as easy to iron out as I had hoped. When choosing to use a UI framework you sometimes obscure the complexity of things.
So back to the basics. This actually turned out to be a good time to refresh my CSS skills and learn some of the newer stuff added to CSS over the last ten years such as the light-dark( ) function for defining different color schemes for light or dark mode browsing.
Digging into the colors, I managed to hit WCAG 2.2 AAA for color contrast for all my text elements in both light and dark mode.
Next step is cleaning up some more of the ARIA markup to make the site work better for those using assistive devices.
Once I am done with the various housekeeping tasks I can get back to actually writing.
Cheers,
–Jon