Интерактивный div с role="button", tabindex="0" и обработкой Enter/Space повторяет поведение кнопки — но нативный <button> всегда предпочтительнее.
Не используйте tabindex > 0 — ломает естественный порядок фокуса.
- [tabindex — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) — Атрибут tabindex.
- [Button role — WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/button/) — Паттерн кнопки.
---
## Фокус
Стилизуйте :focus-visible, не снимайте outline без замены.