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

Видимый фокус

Focus Visible

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

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

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

Пример от @Vibeclakr

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

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

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

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

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

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

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

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

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

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

Ограничения

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

Источник

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

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