reading-order: визуальный порядок vs порядок озвучки

Когда Grid меняет layout, а скринридер читает иначе — новое свойство.

Свойство `reading-order` (в разработке/частичной поддержке) позволяет согласовать порядок фокуса и озвучки с визуальным reorder в Grid/Flex без hack `tabindex`.

До стабильной поддержки проверяйте порядок DOM и не полагайтесь только на `order`.

reading-order — CSS WG — Черновик спецификации.
Flexbox order and accessibility — web.dev — Проблема order/tabindex.

Практика

Критичный контент в DOM ставьте в логическом порядке чтения, visual reorder — вторичен.