-
New Apr 15, 2026
box-shadow is no alternative to outline
People like to use the box-shadow property for styling focus outlines because it gives them more flexibility. button.demobad { outline: none; box-shadow: 0 0 0px 4px blue, 0 0 0px 8px red, 0 0...
-
New May 22, 2026
Don't put aria-label on generic elements like divs
The title already tells most of the story, but here's why you must avoid labeling generic elements like divs or spans using aria-label or aria-labelledby.Looking at the ARIA spec, you'll find section...
-
New Jun 3, 2026
Context-aware headings in HTML
A common issue that we've probably all faced at some point is having a component that includes a heading, which sometimes should be an H2 and sometimes maybe an H3, depending on where it's us...
-
New Jun 19, 2026
Zen, Zed, and Zits
Don't worry, this post is not about zits, but something comparably annoying: Zen and Zed. One is a browser and the other an editor. Even writing this, I don't know which is which. Their names and...
-
New Jun 22, 2026
Setting the width of selects to the width of the selected option
The field-sizing property is coming to Firefox 152, making it available across all major engines. It allows you to control the sizing behavior of elements with a default preferred size, such as form...
-
New Jun 24, 2026
Your Grid Lanes will likely fail WCAG 2.4.3
I saw a great introduction to CSS Grid Lanes, aka Masonry Layouts, by Patrick Brosset at CSS Day 2026. I liked the versatility of its use cases, but I was also concerned that it's inaccessible by d...
-
New Jun 30, 2026
Progressively enhancing Grid Lanes
This post is a follow-up on my previous post. I was wondering whether it's safe to use Grid Lanes today. I came up with a solution I find okay, but there is a caveat. Note: This post c...