Read Part 1 — The Audit, Part 2 — Quick Fixes, Part 3 — Dark Mode Toggle, Part 4 — Blog Preview Component and Part 5 — Blog Page Deep Dive.
We’ve finally reached the end. If you’ve read multiple articles in this series, I want to thank you, especially…
Ayu asked how I write more than 1,000 words on a topic, and the short answer is practice. I was lucky to go through schooling that focused on writing from an early age. I lost count of how many research papers I’ve written a long time ago. When I reached…
Accessibility Auditing My Portfolio Site — Part 5
Read Part 1 — The Audit, Part 2 — Quick Fixes, Part 3 — Dark Mode Toggle, and Part 4 — Blog Preview Component.
When I built the lambda functions to pull my blogs using the DEV API, I noticed that I…
Read Part 1 — The Audit, Part 2 — Quick Fixes, and Part 3 — Dark Mode Toggle.
This blog will focus on making the blog preview component code on the main page of my site more accessible.
First, I want to update the blog preview component to always return…
Read Part 1 — The Audit and Part 2 — Quick Fixes.
When I made my dark mode toggle using Chris Bongers’ tutorial, I focused on making color themes with sufficient contrast across my site. I chose colors unlikely to cause issues for users with colorblindness. …
This article is comprised of several accessibility vignettes. It’s a collection of short stories about quick fixes — some amuse-bouches, if you will. Researching, coding fixes, and writing the bulk of this blog took me less than three hours.
Accessibility Auditing My Portfolio Site —…
When I made my portfolio site, I put a lot of effort into following the accessibility standards I knew from MDN’s Getting Started with the Web guides and other reading I had done. I felt a 100 Lighthouse score was a good indicator of how I was doing. …
My first dev job threw me into a huge legacy codebase. My last big ticket involved getting a modern library to work within the deprecated UI framework it uses. After that journey, I wanted to share some tips I’ve learned along the way.
When I sat down to write about my Shiba Inu SVGs, it became clear that I was writing two blogs. One, a tutorial for SVGs in React, and this one, demystifying sourcing images for your website. Here are the topics this article will cover:
When I updated the blog section of my portfolio site, I realized I had a great opportunity to draw some cute SVGs and take my loading and error messages to the next level.
When I started, the loading text looked like this:
and the error text looked like this:
