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

Достаточная видимость фокуса

Focus Appearance

Индикатор фокуса должен иметь достаточный размер и контраст.

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

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

Пример от @Vibeclakr

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

Фокус кнопки отличается не тонкой почти незаметной линией, а контрастным индикатором достаточной площади. Пользователь быстро находит текущее место.

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

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

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

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

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

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

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

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

Ограничения

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

Источник

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

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