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

Фокус не должен быть скрыт

Focus Not Obscured

Компонент с фокусом не должен перекрываться другими элементами.

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

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

Пример от @Vibeclakr

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

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

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

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

Сначала проверяют, есть ли исходное условие из определения. Затем смотрят, как оно влияет на структуру компонентов, потоки данных, ограничения и действия участников. Если эту связь не удаётся наблюдать, принцип не стоит использовать как готовое объяснение.

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

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

Использовать решение без учета его условий применимости и компромиссов.

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

Сопоставить проблему, контекст и ограничения с назначением концепции.

Ограничения

«Фокус не должен быть скрыт» объясняет только часть происходящего в области «UX и HCI». Сам принцип не говорит, насколько сильным будет эффект в вашем случае, и не заменяет измерения. При другом масштабе, среде или временном горизонте результат может отличаться.

Источник

World Wide Web Consortium. Web Content Accessibility Guidelines (WCAG) 2.2. 2023. W3C Recommendation.

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