reading-order
A 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.
It is documented as part of the CSS Display specification. This is an experimental technology. The syntax and behavior are still subject to change.
Syntax
/* Usage Example */
.item-a { reading-order: 2; }
.item-b{ reading-order: 1; }
/* Navigation will hit item-b first, then item-a */
/* Global values */
reading-order: inherit;
reading-order: initial;
reading-order: revert;
reading-order: revert-layer;
reading-order: unset;reading-order Browser support
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Your first month is free
Managed WordPress hosting for faster sites.