Your grid lanes will likely fail WCAG 2.4.3

2026-06-29

Manuel Matuzović shows how grid lanes reorder items to balance column heights, breaking the match between tab order and visual order and failing WCAG 2.4.3 Focus Order. The flow-tolerance property helps but often needs very high values, and reading-flow may fix it once supported. Test your layouts with the keyboard.

matuzo.at/blog/2026/grid-lanes-accessibility

Tags a11y css layout

June 26
What’s missing from SVG
A synthesis of developer feedback maps the platform’s eleven biggest gaps.
June 25
Experimenting with random() in CSS
A new function brings randomized values to layout, animation, and visual effects.
June 24
Animating the dialog element using view transitions
Morph a button into a <dialog> by swapping view-transition-name inside startViewTransition().
June 23
Improving card patterns with anchor positioning
A pseudo-element covers the card surface but stops short of the secondary actions.
June 19
The fundamentals and dev experience of CSS @function
Custom functions in CSS: typed arguments, private internals, return validation, and DX gotchas.
June 18
Context-aware headings in HTML
How headingoffset shifts heading levels in the accessibility tree without changing tags.
June 16
Introducing the field guide to grid lanes
A playground, reference, and six real-world demos for learning CSS grid lanes.
June 15
CSS reacts, JS just listens
A tiny library that exposes runtime state to CSS through custom properties.