Accessibility Articles

Auto-Switching a Website to Dark Mode You can easily tell your site to use darker colors when a visitor is using a dark theme by using CSS media queries.
Don’t Use Infinite Scroll Infinite scroll is like finishing a sandwich, and the server plops another one in front of you without asking what you want on it, or if you want it at all.
Focus! — Login Form Fail (Obsolete) If you’re going to set the initial focus in a form field, don’t use onload(). Chances are you’ll end up moving the cursor while power users are already typing.
Keep Numbers in Server Errors ‘404’ transcends language and font barriers.
On Broken HTML From time to time the idea is put forth that less common browsers need to start dealing with bad code. There are two problems with that view.
Pure CSS Buttons As part of a minor site optimizing kick, I replaced the validation labels with something smaller, less obtrusive, and directly on the page. I tried to duplicate the look of the classic antipixel-style buttons in CSS.
Readable Email and Web Pages It’s 2024. If you’re still designing websites or email like you would design an 8.5x11" promotional hand-out on a sheet of paper, you really haven’t been paying attention to how people use the internet over the past decade.
Reverse the Colors when Viewing a Web Page Not as good as a real dark mode, but you can easily reverse the colors on any website you’re viewing, turning light pages dark and dark pages light.
Separate Stop/Reload Buttons When a button changes in response to something over which you have no control, it may change between the time your brain tells your finger to click or tap and the time it registers.
Useful Bookmarklets A collection of bookmarklets that I’ve found useful.
Web Design is Like Pizza A lot of pages aren’t as specific as the authors think they are. When you write code and test it on only one browser, you’re not testing that the code is correct, you’re testing that that browser makes the same assumptions you do.