Statement
In multi-column page layouts, DOM order shall reflect logical reading and tab order (e.g., sidebar/TOC before main content). CSS Grid shall be used to decouple visual layout from DOM order. Article metadata shall be placed in the page layout's main-header slot.
Rationale
Tab order must match logical reading flow (breadcrumbs → TOC → article body). Visual layout via CSS Grid allows sidebar to appear visually adjacent while keeping DOM order accessible. Delivered by WP-C5 (D-A11Y-01).
Topics
Owner: accessibility
Related: layout-structure
Applies To
- Layouts DOC-00008
- Accessibility Standards DOC-00033