Unplug Your Mouse - One Year On, Accessibility Widgets Still Don't Work
The European Accessibility Act turns one tomorrow. It took force on 28 June 2025. For many teams it was the first hard deadline they had…
CodeSpud — All posts
Latest ·
Your Alt Text Is Not the Problem — Your Images Are
A museum visitor with a white cane stands before a framed sunset painting.
A confession: early in my career, my images shipped with no text at all. If an image mattered, I gave it a visible caption and moved on (I…
2026
2025
Automating Accessibility Audits With AI
“Standards evolve, user needs are wildly diverse, and manual audits can feel like searching for a semicolon in a haystack.” Let’s be honest…
Ten Common Typescript Discriminated Union Examples
In this post we explore the marvelous world of Discriminated Unions in TypeScript. Discriminated Unions are a way to combine types that have…
2023
Using Container Queries to Make a News Layout
When I hear media query I think about a bottle filled with liquids that don’t mix (e.g. oil and water). The content(water/oil) will assume…
Automatically generate skip buttons to improve accessibility
Another common accessibility tool is the skip button. It comes in different forms. It would sometimes be smartly included in the design or hidden until needed.
CSS Snippets I Use 90% of The Time - Part 2
This is part 2 of CSS snippets I used 90% of the time post. As promised this is second part of CSS styles I commonly used with my projects. If you are going to think of a rule I’d say this is my 80/20 rule for CSS.
Five common Javascript mistakes I am guilty of
Errors in code are normal. That is why we have a whole branch of the IT industry dedicated to quality assurance and testing. Javascript is the easiest programming language to learn, but it is also the easiest to get wrong. Javascript is a very forgiving programming language. As a result, Javascript code can be prone to errors.
CSS Snippets I Use 90% of The Time - Part 1
I have snippets of code I return to whenever I find patterns in a design. It is one of those efficiency hacks I’ve adopted as a programmer. I have quite a collection. Gathered working on websites in different industries. Although the size and theme of these websites vary, I can still count on some basic UI patterns.
Top three things to do for better keyboard and screenreader navigation
Improving accessibility is an exercise in empathy. We put ourselves in other people’s shoes and imagine how we can do a specific task. Tasks like going up a flight of stairs, knowing when to cross a street, or how to consume a website.
Newbie's Guide to Learning Vue.js
Every time I want to learn something new I try to plan first. A very quick to-do list related to the subject. I know there’s a lot of great guides out there about Vue.js.
Fix accessibility using focus-within
A few issues I found recently for clients were related to accessibility. A few perfectly working user interfaces were not keyboard accessible. Not because they are custom controls nor because the controls were not tabable.