reading-order
ExperimentalA companion to 'reading-flow'. It allows you to manually specify the order in which a screen reader or keyboard navigation should move through elements, regardless of their position in the HTML source.
Quick example
.item-a { reading-order: 2; }
.item-b { reading-order: 1; }
/* Navigation will hit item-b first, then item-a */Quick facts
Initial value
0Inherited
No
Applies to
block, flex, and grid containers
Animation type
byComputedValueType
reading-order Browser Support
Limited availability 67% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Not ready for production without a fallback.
137+
137+