SYSTEM ATLASЗагрузка материала

Управление фокусом

Focus Management

Управление фокусом сохраняет понятное положение клавиатурного и assistive-technology пользователя после динамических изменений интерфейса.

Простыми словами

Например, после открытия диалога фокус попадает на заголовок или первое поле, Tab остаётся внутри, а закрытие возвращает фокус кнопке. Поэтому это учитывают при проектировании интерфейса - иначе пользователь тратит лишние усилия, ошибается или не понимает реакцию системы.

Пример от @Vibeclakr

Пример при разработке

После открытия диалога фокус попадает на заголовок или первое поле, Tab остаётся внутри, а закрытие возвращает фокус кнопке.

Это редакционный пример применения, а не часть определения или доказательство концепции.

Формальное определение

Управление фокусом сохраняет понятное положение клавиатурного и assistive-technology пользователя после динамических изменений интерфейса.

Механизм действия

Компонент запоминает инициатор, устанавливает фокус на значимый элемент, ограничивает его внутри modal при необходимости и восстанавливает при выходе.

Пример в работе

Нерабочий подход

Внедрить «Управление фокусом» как формальную настройку, не проверив сценарий отказа и ограничение: Принудительный фокус может перебить действия пользователя; порядок должен соответствовать DOM и визуальному контексту.

Системный подход

Применять «Управление фокусом» только для заявленной цели, проверять поведение на реальном контуре и сохранять наблюдаемый критерий результата.

Ограничения

Принудительный фокус может перебить действия пользователя; порядок должен соответствовать DOM и визуальному контексту.

Источник

W3C WAI, “ARIA Authoring Practices Guide”, 2026.

Первоисточник