Layout and Reading Order

on YouTube ↗51m

" summary

Proposal adds a new CSS property called reading-order-items to map keyboard/AT order to visual placement (row/column/flow/grid-order), with a Chrome prototype (partly behind a runtime flag) and accompanying spec issues about display:contents, tabindex, and HTML changes. It claims to fix grid autoflow: dense and masonry ordering problems that currently scramble tab and screen‑reader order; subgrid already ships (subgrid in Chrome 117), and the draft wants masonry to include reading-order handling before shipping.

AI-written summary · about

" chapters (8)

1. 0:00Introduction
2. 1:29CSS layout and grid
3. 4:44Subgrid: the missing puzzle piece
4. 8:16Masonry layout challenges
5. 16:47Reading order in CSS
6. 22:12Reading order items proposal
7. 39:01Future of layout and accessibility
8. 42:10Q&A

" related talks

• 43mA solution for the visual and source order disconnectRachel Andrew · axe-con 2025
• 32mThe Dark Side of the GridManuel Matuzović · FrontEnd Con 2018
• 59mGrids all the way downRachel Andrew · Frontend United 2019
• 27mRefactoring (the way we talk about) CSSRachel Andrew · Nordic.js 2019
• 32mCSS Grids: the Near Future of LayoutMassimo Artizzu · CSS Day 2017
• 50mPresent and Future of CSS LayoutTab Atkins · CSS Day 2014
• 39mNext Level CSSRachel Andrew · ffconf 2016
• 03mDon't write HTML the way George Lucas wrote Star WarsFabien Zibi · dotCSS 2018