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

Подписи полей в анкете клиента: не только серый текст

Серый пример внутри пустого поля не должен быть единственным местом, где человек видит вопрос анкеты. Начав ввод, клиент может потерять подсказку и уже не помнить, что именно нужно указать. В анкете тренера это особенно заметно у соседних полей про удобные дни, время и длительность занятия.

Что произошло с анкетой Веры

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

Видеть вопрос и слышать вопрос — две проверки

W3C WAI рекомендует подписывать элементы формы и связывать подпись с соответствующим полем. Простое соседство текста и прямоугольника на экране не всегда создаёт такую связь для вспомогательных технологий. В обычной HTML-форме для этого используется label, связанный с полем; тренеру необязательно самостоятельно писать код, но нужно поставить проверяемую задачу разработчику.
Например, при переходе экранного диктора к полю времени должно быть понятно, что это именно время занятия, а не безымянное текстовое поле. Проверяется рабочая форма, а не только её картинка. Если используется конструктор, посмотрите доступные настройки подписи и попросите проверить результат на опубликованной тестовой форме без реальных данных клиентов.

Короткое задание тому, кто собирает форму

Попросите сохранить видимые названия вопросов после ввода ответа, связать каждое название с нужным полем и проверить переход по полям с клавиатуры и экранным диктором. Отдельно просмотрите мобильную версию: подпись не должна визуально относиться к соседнему полю. Успех этой проверки не означает, что вся анкета уже прошла полный аудит доступности.
Если трудность возникает не в анкете, а в выданной программе, нужен другой объект проверки — таблица тренировок для экранного диктора. Там важно сохранить связь чисел с заголовками, тогда как в анкете мы проверяем связь вопроса с местом для ответа.