Blocked aria-hidden: The Warning is Right, and Every Fix You’ve Found is Wrong
You closed a dialog and the console went that particular shade of angry mustard. You highlighted the…
Using and Styling the Dialog Element
Wasn’t it great — nay, amazing – the day we got a native HTML <dialog> element? It’s,…
The Siren Song of ariaNotify()
I need you all to promise me you’ll be cool about this. I‘m here to tell you…
Creating Memorable Web Experiences: A Modern CSS Toolkit
I love the fact that CSS is finally reclaiming control over visual interactions, taking charge of the…
Let’s Use the Nonexistent ::nth-letter Selector Now
“I think I’m done with reality.” — The Seventh Circle by Architects We’ve all, at some point,…
Popover API or Dialog API: Which to Choose?
Choosing between Popover API and Dialog API is difficult because they seem to do the same job,…
Loading Smarter: SVG vs. Raster Loaders in Modern Web Design
I got this interesting question in an SVG workshop: “What is the performance difference between an SVG…
Spiral Scrollytelling in CSS With sibling-index()
Confession time: I’ve read about the performance benefits of scroll-timeline(), but when I see an impressive JavaScript…
Trying to Make the Perfect Pie Chart in CSS
Speaking of charts… When was the last time you had to use a pie chart? If you…
CSS Bar Charts Using Modern Functions
New CSS features can sometimes make it easier and more efficient to code designs we already knew…
There is No Need to Trap Focus on a Dialog Element
I was building a Modal component that uses the <dialog> element’s showModal method. While testing the component,…
I Learned The First Rule of ARIA the Hard Way
Some time ago, I shipped a component that felt accessible by every measure I could test. Keyboard…