order в flex: визуальный порядок табов осторожно
Почему order ломает tab order.
Свойство `order` меняет визуальную сортировку flex-элементов, но tab order следует DOM — несовпадение дезориентирует пользователей клавиатуры.
Для табов меняйте порядок в разметке или используйте roving tabindex в JS, а не order: -1 на активной панели.
- order — MDN — Целые числа и flex.
- Flexbox and keyboard navigation — WCAG — Порядок фокуса.
Responsive
На мобильном иногда order ставят CTA выше — проверьте с VoiceOver и Tab.