Кейсы
Работа с клиентом

Запись к тренеру с клавиатуры: куда пропал видимый фокус

Клиент должен видеть, где окажется следующее действие

При переходе по форме с клавиатуры у поля или кнопки появляется фокус. Его видимый индикатор помогает понять, к какому элементу относится следующее действие. В пояснении W3C к критерию Focus Visible подчёркивается: пользователь должен видеть элемент с клавиатурным фокусом; индикатор не должен исчезать просто по истечении времени. Красивое оформление формы не заменяет эту функцию.

Павел дошёл до кнопки, но не решается отправить заявку

В вымышленной ситуации у Павла перестала работать мышь. Он открывает форму записи к тренеру и переходит клавишей Tab от имени к контакту. Курсор в текстовых полях виден, но на следующем переходе исчезает. На кнопке отправки нет рамки или другого заметного изменения. Павел боится нажать Enter: он не знает, находится ли на отправке заявки или на соседней ссылке. Доступная мышью кнопка ещё не означает понятную работу с клавиатуры.
Тренер воспроизводит путь на тестовой форме без реальных данных клиента. Он отмечает конкретный переход, где пропадает визуальный ориентир, и передаёт разработчику: «После поля контакта фокус получает кнопка, но её активное состояние не видно». Это точнее просьбы «сделать кнопку ярче»: яркий фон постоянно виден и сам по себе не показывает, что сейчас активна именно эта кнопка.

Наведение мыши не решает проблему Tab

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

Выбранное время и текущий фокус могут находиться в разных местах

В форме Павел выбирает карточку времени «18:00», затем переходит к следующему полю. Выбранное время остаётся отмеченным, но фокус уже должен быть различим на новом элементе. Если оформление обоих состояний неразличимо, человек может решить, что клавиатура всё ещё управляет старой карточкой. Для такой формы нужно отдельно показать сохранённый выбор и место текущего действия; подсветка выбранного времени не заменяет фокус следующих полей.

Проверка после исправления

На рабочей тестовой версии снова проходят путь Павла с клавиатуры: поля, выбор времени и кнопка отправки. На каждом переходе проверяют, видно ли текущее место, в том числе после паузы. До отправки используют только пробные сведения и заранее согласованный тестовый способ, чтобы не создавать настоящую заявку клиенту. Исправление одного индикатора не означает, что всю форму уже проверили на доступность.
Если клиент видит активное поле, но после ввода забывает, какой вопрос в нём задан, это другая ошибка — исчезающая подпись. Её разбираем в материале подписи полей в анкете клиента. Видимый фокус отвечает на «где я сейчас», а подпись — на «что здесь нужно указать». Оба ответа нужны, но исправляются отдельно.