order в flex: визуальный порядок табов осторожно

Свойство order меняет визуальную сортировку flex-элементов, но tab order следует DOM — несовпадение дезориентирует пользователей клавиатуры.

Для табов меняйте порядок в разметке или используйте roving tabindex в JS, а не order: -1 на активной панели.

- [order — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/order) — Целые числа и flex.

- [Flexbox and keyboard navigation — WCAG](https://www.w3.org/WAI/WCAG22/Understanding/focus-order.html) — Порядок фокуса.

---

## Responsive

На мобильном иногда order ставят CTA выше — проверьте с VoiceOver и Tab.