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

Управление фокусом — это настройка того, как по сайту перемещается «фокус» (текущий активный элемент) при работе с клавиатуры и скринридера: видимый индикатор фокуса (чтобы было понятно, где вы), логичный и предсказуемый порядок фокуса, удержание фокуса внутри модального окна, пока оно открыто (чтобы не «уехать» на фон), возврат фокуса на исходный элемент после закрытия, перемещение фокуса к важным изменениям/ошибкам. Честно про роль: фокус — критичная часть доступности, но НЕ самостоятельное решение: он работает вместе с клавиатурной навигацией (806) и доступностью для скринридеров (805). Один аккуратный фокус не делает недоступный сайт доступным — это один из слоёв. Честно про зависимость: качество управления фокусом зависит от того, как устроены ваши интерактивные компоненты (особенно кастомные на JS) — где-то это правка, а где-то переработка логики компонента. Честно про процесс: новые модалки/виджеты снова требуют правильного фокуса — нужна поддержка/дисциплина. Честно про абсолют: «идеально для всех» обещать нельзя; честно — «существенно улучшает ориентацию для клавиатуры и скринридеров». Честно про эффект: меньше «потерянности» и ошибок у пользователей доступности; прямой рост продаж не гарантируем. Честно про доступ: нужен доступ к коду/шаблонам. Важная граница: это управление фокусом; общая клавиатурная навигация — 806, доступность модалок целиком — 819. Представьте: вместо «непонятно, где фокус, и он уезжает на фон при открытой модалке» — фокус виден, логичен и не теряется. Базовая цена — от 15 000 ₽ (зависит от числа компонентов).

• Непонятно, где сейчас фокус — индикатор невидим.
• Фокус «уезжает» на фон при открытой модалке.
• После закрытия окна фокус не возвращается на место.
• Порядок фокуса нелогичный, пользователь теряется.

• Видимый индикатор фокуса по всему сайту
• Логичный и предсказуемый порядок фокуса
• Удержание фокуса в модальных окнах (focus trap)
• Возврат фокуса на исходный элемент после закрытия
• Перемещение фокуса к важным изменениям/ошибкам
• Указание границ (фокус — слой, не всё решение; зависит от компонентов)
• Связка с клавиатурой (806) и модалками (819)
• Передача и разбор с вами

• Фокус всегда виден и понятен пользователю
• Логичный порядок без «потерянности»
• Фокус удерживается в модалках и возвращается на место
• Лучшая ориентация для клавиатуры и скринридеров

• Проверяем поведение фокуса с клавиатуры/скринридера; собираем доступ
• Настраиваем видимость, порядок, удержание и возврат фокуса
• Перепроверяем, даём план поддержки, разбираем границы с вами

• Достаточно настроить фокус, чтобы сайт стал доступным?

  Нет. Управление фокусом — важный, но один из слоёв доступности. Оно работает в связке с клавиатурной навигацией (806) и доступностью для скринридеров (805). Аккуратный фокус сам по себе не сделает недоступный сайт доступным — нужны и другие меры. Честно подскажем, что нужно в комплексе.

• Почему стоимость зависит от компонентов?

  Потому что качество фокуса зависит от того, как устроены ваши интерактивные элементы. Для штатных — это правка, для сложных кастомных виджетов на JS — иногда переработка логики компонента. Поэтому объём и цена зависят от того, что именно у вас на сайте; оценим честно по факту.

• Это нужно поддерживать?

  Да. Новые модальные окна и виджеты снова требуют правильного управления фокусом, иначе появляются те же проблемы (фокус уезжает, не возвращается). Доступность — процесс: дадим рекомендации, чтобы новые компоненты сразу делались с корректным фокусом.