--- title: Your Grid Lanes will likely fail WCAG 2.4.3 | daily.dev description: CSS Grid Lanes, a new layout technique shipping in browsers, inherently breaks the tab/reading order because the browser places items based on column height... canonical: https://daily.dev/posts/your-grid-lanes-will-likely-fail-wcag-2-4-3-xalcnhayw twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Your Grid Lanes will likely fail WCAG 2.4.3 | daily.dev og:description: CSS Grid Lanes, a new layout technique shipping in browsers, inherently breaks the tab/reading order because the browser places items based on column height... og:url: https://daily.dev/posts/your-grid-lanes-will-likely-fail-wcag-2-4-3-xalcnhayw og:image: https://api.daily.dev/og/posts/XALcnhaYw.png og:image:alt: Your Grid Lanes will likely fail WCAG 2.4.3 og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Your Grid Lanes will likely fail WCAG 2.4.3 **[Manuel Matuzović](https://daily.dev/sources/matuzo)** · 12 min read · 6 upvotes · 1 comments ## Summary CSS Grid Lanes, a new layout technique shipping in browsers, inherently breaks the tab/reading order because the browser places items based on column height rather than DOM order. This mismatch causes WCAG 2.4.3 failures for keyboard and screen reader users. The `flow-tolerance` property can mitigate the issue by defining a threshold for treating columns as equal height, but often requires very high values and isn't a complete fix. The upcoming `reading-flow` CSS property could solve this properly, but it's only implemented in Chromium and doesn't yet work with Grid Lanes. Safari has shipped Grid Lanes without Reading Flow support, leaving developers with inadequate tools. Recommendations include always testing with keyboard/screen reader, increasing `flow-tolerance`, and falling back to regular CSS Grid when needed. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@jibonkrishnaroy** · 0 upvotes > Thanks for the information. ## Similar posts on daily.dev - [Progressively enhancing Grid Lanes](https://daily.dev/posts/progressively-enhancing-grid-lanes-bflylyrdx) · Manuel Matuzović · 15 upvotes · 1 comments - [Introducing CSS Grid Lanes](https://daily.dev/posts/introducing-css-grid-lanes-6uomjvxlc) · Hacker News · 27 upvotes · 1 comments - [New Safari developer tools provide insight into CSS Grid Lanes](https://daily.dev/posts/new-safari-developer-tools-provide-insight-into-css-grid-lanes-xl1o3zdaw) · WebKit · 8 upvotes · 0 comments --- Tags: [#css](https://daily.dev/tags/css), [#accessibility](https://daily.dev/tags/accessibility) [View this post on daily.dev](https://daily.dev/posts/your-grid-lanes-will-likely-fail-wcag-2-4-3-xalcnhayw) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Your Grid Lanes will likely fail WCAG 2.4.3","url":"https://daily.dev/posts/your-grid-lanes-will-likely-fail-wcag-2-4-3-xalcnhayw","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/your-grid-lanes-will-likely-fail-wcag-2-4-3-xalcnhayw"},"datePublished":"2026-06-24T07:05:52.988Z","dateModified":"2026-06-24T08:20:05.637Z","description":"CSS Grid Lanes, a new layout technique shipping in browsers, inherently breaks the tab/reading order because the browser places items based on column height...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/c2635a3e4112610b0cf3ddf41b4b8857?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/c2635a3e4112610b0cf3ddf41b4b8857?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Manuel Matuzović","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Manuel Matuzović","logo":"https://media.daily.dev/image/upload/s--EstFG5yE--/f_auto,q_auto/v1782139307/logos/matuzo","url":"https://daily.dev/sources/matuzo"},"commentCount":1,"discussionUrl":"https://daily.dev/posts/your-grid-lanes-will-likely-fail-wcag-2-4-3-xalcnhayw","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":6},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":1}],"keywords":"css,accessibility","timeRequired":"PT12M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Manuel Matuzović","item":"https://daily.dev/sources/matuzo"},{"@type":"ListItem","position":3,"name":"Your Grid Lanes will likely fail WCAG 2.4.3"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/your-grid-lanes-will-likely-fail-wcag-2-4-3-xalcnhayw","comment":[{"@type":"Comment","text":"Thanks for the information.","datePublished":"2026-06-29T09:52:44.871Z","url":"https://daily.dev/posts/XALcnhaYw#c-Iis0Jm35W","author":{"@type":"Person","name":"Jibon Krishna Roy","url":"https://daily.dev/jibonkrishnaroy","image":"https://lh3.googleusercontent.com/a/ACg8ocIaoOOW6GkBaZgUYqEW96neuO8N1W3rzBgE4rfqk9R0R1Czt6yL=s96-c"}}]} ```