Web development Blog
A blog about web development, HTML, CSS, JavaScript, and web accessibility.
Progressively enhancing Grid Lanes
posted on
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.
Your Grid Lanes will likely fail WCAG 2.4.3
posted on
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 default.
Setting the width of selects to the width of the selected option
posted on
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 elements.
More posts
-
Zen, Zed, and Zits
-
Context-aware headings in HTML
-
Don't put aria-label on generic elements like divs
-
box-shadow is no alternative to outline
-
The geolocation element is odd
-
Your skip link targets may not need tabindex=-1 to work properly
-
role=presentation is no alternative for aria-hidden=true
-
Put aria-hidden=true on decorative SVGs
-
aria-haspopup might not do what you think it does
-
A new meta tag for respecting text scaling on mobile
-
Introduction to the new HTML element <geolocation>
-
Lowering the specificity of multiple rules at once
-
My favourite front-end and web development conferences
-
Better defaults for popovers
-
Workshop: Deep Dive on Accessibility Testing