Создание полезных сайтов
Доходит ли сообщение из формы? Пять проверок перед публикацией
Работающая кнопка «Отправить» — только начало. Проследите путь одного безопасного сообщения, затем проверьте, что увидит читатель при ошибке.
Подготовьте сообщение, которое легко найти
Проверяйте свою форму или форму, которую вам разрешили тестировать. Придумайте безобидную метку, например «Проверка связи — синий блокнот — 21 октября». Сохраните текст отдельно. Не используйте данные реальных клиентов, пароли и платёжные сведения.
Определите конечную точку: приватная панель, почтовый ящик или оба места. Если у вас нет доступа, договоритесь с получателем о подтверждении. Надпись в браузере проверяет только ту часть пути, которую видит отправитель.
1. Пройдите весь путь на телефоне
Условие успеха: нужный получатель видит полное сообщение, а отправитель получает правдивое подтверждение. Если сохранение сообщения и почтовое уведомление — отдельные этапы, проверьте каждый. Надпись «Сохранено во входящих» ещё не подтверждает доставку уведомления по электронной почте.
- Откройте публичную главную, найдите «Связаться» и перейдите к форме. Не пользуйтесь заранее сохранённой прямой ссылкой.
- Прочитайте подписи полей. Проверьте, не закрывает ли клавиатура активное поле и можно ли добраться до кнопки отправки.
- Отправьте метку один раз. Запишите адрес страницы, примерное время и точный текст подтверждения.
- Найдите метку у получателя. Сравните всё сообщение, включая переносы строк, с сохранённым текстом. Если форм несколько, проверьте также указанную страницу или тему.
2. Сделайте одну исправимую ошибку
В тестовой версии отправьте форму с пустым обязательным полем. Если нужен определённый формат, попробуйте заведомо неверное значение. Не отправляйте серию ошибочных запросов в чужой публичный сервис.
Руководство W3C по формам рекомендует ясно сообщать об успехе или ошибке и объяснять, как её исправить. Например, «Укажите электронную почту, чтобы мы могли ответить» полезнее, чем «Неверный ввод». Одна красная рамка не объясняет, что нужно изменить.
Исправьте поле и продолжите. Наш редакционный критерий: остальной текст должен оставаться доступным. Читателю не стоит заново составлять длинное сообщение из-за ошибки в одном поле.
3. Оборвите соединение и проверьте черновик
Работайте в тестовой версии. Загрузите форму, затем отключите сеть на тестовом устройстве или включите режим offline в сетевых инструментах браузера. Введите новую метку и нажмите «Отправить». Восстановите соединение после наблюдения за результатом.
Проверьте три вещи: надпись «Отправка» перестаёт висеть бесконечно; текст можно скопировать или исправить; сообщение объясняет, что доставка не подтверждена. Нельзя показывать успех только потому, что кнопку нажали.
Соединение может оборваться после сохранения на сервере, но до получения подтверждения браузером. Такой результат остаётся неопределённым. Перед ручной повторной отправкой проверьте ящик получателя. Уведомление о дубликате должно объяснять, было ли предыдущее сообщение уже получено.
4. Проверьте результат, а не только поля
Пройдите поля и кнопку клавишами Tab и Shift+Tab. Следите за видимой рамкой фокуса. Отправьте сообщение в тестовой версии и проверьте, можно ли найти результат без поиска по всей странице.
Для сообщений, которые появляются без перемещения фокуса, рекомендации W3C о статусах объясняют: результат должен быть доступен вспомогательным технологиям через подходящие роли или свойства. Разработчик может проверить область статуса, а тест со скринридером — фактическое озвучивание. По снимку экрана нельзя установить, что сообщение было произнесено.
Если форме нужны скрипты, отключите их и перезагрузите страницу. Она должна объяснять, что делать при недоступной форме. Альтернативный способ связи полезен, только если кто-то действительно следит за обращениями.
5. Сохраните короткую карточку приёмки
Для вымышленной соседской мастерской запись может выглядеть так: «Телефон: сохранено один раз; ящик: метка найдена; без сети: текст остался; клавиатура: кнопка доступна; скринридер: не проверено». Это пример заполнения, а не отчёт о реальной мастерской.
Повторяйте нужные проверки после изменения формы, адреса получателя или сервиса доставки. Этот список помогает проверить работу формы, но не заменяет полный аудит доступности, безопасности и доставки электронной почты.
- Адрес и дата проверки; телефон или браузер.
- Безопасная метка; текст подтверждения; место, где найдено сообщение.
- Результат с пустым полем и без сети; сохранился ли черновик.
- Проверка клавиатурой и скринридером либо явная отметка «не проверено».
- Обнаруженная ошибка, ответственный за исправление и следующая проверка.