Какие существуют способы установки фокуса на элементе?

element.focus()

javascript

autoFocus атрибут для HTML элементов:

html

Программная установка фокуса с помощью requestAnimationFrame:

javascript

Использование tabIndex:

html

Скриптовое управление фокусом в SPA:

javascript

Accessibility-соображения при управлении фокусом:

• Убедиться, что фокус виден (style outline).
• Следовать естественному порядку фокуса (DOM-структура, tabIndex > 0).
• Управлять фокусом при открытии модальных окон, всплывающих окон.
• Возвращать фокус на исходный элемент после закрытия интерактивных элементов.
• Используйте aria-live регионы для оповещения читалок экрана о изменениях, влияющих на фокус.