Что такое `order` во Flexbox и какие проблемы с доступностью?

Question

Accepted Answer

## Визуальный порядок ≠ DOM

`order` меняет **порядок отрисовки/расположения** flex/grid-элементов, но **не меняет порядок в DOM**.

```css
.item:nth-child(1) { order: 2; }
.item:nth-child(2) { order: 1; }
```

Проблема a11y: клавиатура, screen reader и Tab идут по **DOM**, а глаза пользователя — по визуальному порядку. Расхождение путает навигацию.

Правило: не использовать `order` (и абсолютный flex-порядок) для важной последовательности контента — лучше переставить разметку. `order` допустим для декоративных перестановок без смыслового потока.