Blog
85 articles on design engineering covering project case studies, thought process, front-end strategy, techniques and best practices, focused on HTML, CSS, SVG, accessiblity, and everything in between.
Accessible notifications with ARIA Live Regions (Part 1)
Setting up a screen reader testing environment on your computer
The CSS prefers-color-scheme user query and order of preference
In Quest of Search
On why I think adding a new HTML sectioning element for search is a good idea.
A guide to designing accessible, WCAG-conformant focus indicators
I’m curating the programme for an upcoming accessibility-focussed conference ✨
A couple of ways to highlight code syntax in Apple Keynote slides
Design for reading: tips for optimizing content for Reader modes and reading apps
Component-level art direction with CSS Container Queries
Not Your Typical Horizontal Rules
Accessible Text Labels For All
On improving eCommerce experiences for screen reader users without breaking them for speech-input users
How I set up Glyphhanger on macOS for optimizing and converting font files for the Web
Inclusively Hiding & Styling Checkboxes and Radio Buttons
Optimizing keyboard navigation using tabindex and ARIA
A micro-case study on implementing keyboard-friendlier article listings for an online publication
Global and Component Style Settings with CSS Variables
Or how I use CSS variables to create more manageable project styles and more portable patterns
What a Year of Learning and Teaching Accessibility Taught Me
Case Study: Implementing Accessible Data Charts for the Khan Academy 2018 Annual Report
Accessible Icon Buttons
The SVG Filters Series
Real. Simple. Syndication.
Get my latest content in your favorite RSS reader. (What is RSS?)