Откройте страницу сайта и попробуйте связаться с менеджером без мыши: дойдите до кнопки клавишей Tab, откройте форму и отправьте тестовое обращение. Доступная кнопка получает заметную рамку фокуса и срабатывает с клавиатуры, а форма позволяет заполнить поля, исправить ошибку и вернуться на страницу. Ниже — порядок проверки для владельца бизнеса или менеджера без технической подготовки. Он поможет найти место, где посетитель теряет возможность обратиться в компанию, и передать разработчику конкретную задачу.
Как добраться до кнопки без мыши?
Начните с той страницы, куда приходит клиент: карточки услуги, каталога или страницы с ценами. Перезагрузите её и нажимайте Tab. Эта клавиша переводит фокус между ссылками, кнопками и полями. Фокус показывает, с каким элементом посетитель сейчас взаимодействует.
Следите за видимой обводкой или другим отчётливым выделением. Если кнопка меняет цвет только при наведении мыши, этого недостаточно: человек с клавиатурой должен видеть своё положение на странице. Проверьте также обратный путь через Shift + Tab.
- Перезагрузите страницу, чтобы начать проверку с её начала.
- Нажимайте Tab, пока не дойдёте до кнопки «Связаться с менеджером».
- Проверьте, заметно ли выделение кнопки на её фоне.
- Нажмите Shift + Tab и убедитесь, что фокус возвращается к предыдущему элементу.
Если фокус исчезает за баннером или закреплённой панелью, запишите, где это произошло. Кнопка формально доступна, но посетитель не видит, что уже дошёл до неё. Разработчику понадобится адрес страницы и описание панели, которая закрывает элемент.
Порядок переходов должен соответствовать смыслу страницы. Когда фокус скачет из меню в подвал, затем возвращается к форме в середине, человеку приходится восстанавливать маршрут. Отдельно проверьте поведение сайта на небольшом экране: для этого пригодится инструкция как проверить, удобно ли позвонить менеджеру с мобильного сайта.
Как проверить нажатие и открытие формы?
Дойдите до кнопки клавишей Tab и нажмите Enter. Если это обычная кнопка действия, проверьте и пробел: он тоже должен её активировать. У ссылки другое поведение — для перехода используют Enter. Сам по себе внешний вид элемента не подсказывает, что разработчик заложил внутрь.
Посмотрите, что происходит после нажатия. Если открывается отдельное окно поверх страницы, фокус должен перейти внутрь него: например, на заголовок, первое поле или кнопку закрытия. Если форма раскрывается прямо в тексте страницы, проверьте, что до её полей можно последовательно дойти клавишей Tab.
Для модального окна, которое временно перекрывает работу с остальной страницей, выполните отдельную проверку:
- Откройте окно с клавиатуры.
- Нажимайте Tab и следите, чтобы фокус оставался внутри окна.
- Найдите кнопку закрытия и убедитесь, что до неё можно добраться.
- Проверьте закрытие клавишей Escape.
- После закрытия проверьте, вернулся ли фокус на кнопку, которая открыла окно.
Если окно закрывается только щелчком по фону, передайте разработчику задачу добавить доступную кнопку закрытия и поддержку Escape. Когда фокус уходит под открытое модальное окно, человек начинает выбирать элементы, которых не видит. Это отдельная ошибка, даже если мышью форма работает без замечаний.
Можно ли заполнить форму и исправить ошибку?
Проверьте весь путь до отправки обращения. Видимая кнопка ещё не означает, что клиент сможет закончить действие: его могут остановить поле выбора, проверка заполнения или сообщение, которое появилось вне экрана.
Переходите по полям клавишей Tab и смотрите на подписи. Название поля должно оставаться понятным после ввода текста. Если подсказка внутри поля исчезает, а отдельной подписи нет, посетителю труднее проверить, что именно он заполнил.
Затем намеренно пропустите обязательное поле и попробуйте отправить форму. Сообщение должно объяснять причину отказа и способ исправления: например, попросить заполнить поле или проверить формат номера. Одной красной рамки недостаточно. Проверьте, можно ли с клавиатуры вернуться к ошибке, внести исправление и повторить отправку.
Если в форме есть список тем обращения, откройте его с клавиатуры и выберите вариант. Набор клавиш зависит от устройства элемента, поэтому фиксируйте результат простыми словами: «список открывается, но выбрать пункт без мыши не получается». Не пытайтесь угадать причину в коде.
В конце отправьте тестовое обращение с пометкой «Проверка формы», если у вас есть возможность проверить его внутри компании. После отправки должно появиться понятное подтверждение. Если кнопка просто меняет цвет, клиенту трудно понять, ушёл ли запрос и нужно ли нажимать повторно.
Как убедиться, что обращение дошло до менеджера?
Проверка интерфейса заканчивается на экране подтверждения, а проверка рабочего процесса — у сотрудника, который принимает обращения. Заранее предупредите его о тесте. Затем найдите обращение в том инструменте, которым компания пользуется для работы с клиентами.
Если сайт связан с CRM, проверьте, появилась ли карточка обращения и сохранилась ли выбранная тема. Если кнопка запускает разговор, проверьте, получает ли вызов нужный менеджер. Не считайте сообщение «Заявка отправлена» доказательством того, что сотрудник уже увидел запрос.
Разделяйте задачи при исправлении. Переходы клавиатурой и поведение формы проверяет разработчик сайта; маршрут обращения, интеграцию с CRM и управление вызовами проверяют вместе с тем, кто настраивает связь. Так ошибка «кнопка не работает» превращается в конкретное описание: форма отправилась, но обращение не появилось у ответственного менеджера.
Для передачи ошибки достаточно короткой последовательности действий. Например: «Открыл страницу услуги, дошёл до кнопки через Tab, нажал Enter. Форма появилась, но фокус остался на странице под ней». Добавьте браузер и устройство, на котором повторили проверку. После исправления пройдите тот же маршрут ещё раз.
Какие типичные ошибки мешают связаться с менеджером?
- Кнопка доступна только мышью. Причина может быть в том, что разработчик сделал кликабельным обычный элемент страницы. Задача для исправления: обеспечить подходящий элемент управления и работу с клавиатуры.
- У фокуса нет видимого выделения. Посетитель нажимает Tab, но не понимает, где находится. Попросите добавить заметное состояние фокуса и проверить его на фоне кнопки.
- Фокус уходит под модальное окно. Зафиксируйте элемент, на который он попал, и попросите ограничить переходы открытым окном до его закрытия.
- Ошибка в форме видна только по цвету. Попросите добавить текст с причиной и проверить доступ к полю, которое нужно исправить.
- Подтверждение есть, а обращения у менеджера нет. Проверьте передачу запроса и назначение ответственного отдельно от внешнего вида кнопки.
Успешный результат выглядит так: посетитель видит фокус, открывает форму, заполняет её и получает понятное подтверждение; менеджер находит тестовое обращение. Для первой проверки сейчас откройте главную страницу и за минуту попробуйте добраться до кнопки «Связаться с менеджером» клавишей Tab, не касаясь мыши.
