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

Короче — о чем эта статья

  1. Сообщения об ошибках в режиме реального времени
  2. Четкие, постоянные метки полей
  3. Многоэтапные процессы
  4. Доступное подтверждение заказа

Сообщения об ошибках в режиме реального времени

Самая распространенная ошибка: сообщение об ошибке, которое появляется визуально (маленький красный текст рядом с полем), но не отображается в программе чтения с экрана. Слепой пользователь заполняет форму, нажимает «Отправить» и не понимает, почему ничего не происходит — ведь он вообще никогда не слышит об ошибке. Исправление: используйте `aria-live` для автоматического объявления ошибок и связывайте каждую ошибку непосредственно с соответствующим полем с помощью `aria-describedby`, чтобы программа чтения с экрана читала ошибку вслух в тот момент, когда пользователь достигает этого поля.

Четкие, постоянные метки полей

Текст-заполнитель (серый текст, который исчезает, как только вы начинаете вводить текст) не заменяет настоящую метку поля — в тот момент, когда пользователь начинает вводить текст, он теряет контекст того, что вообще запрашивает поле. Каждое поле формы нуждается в реальном `

💡 Практический совет

Обязательные поля должны быть отмечены дважды: визуально (звездочкой или словом «Обязательно») а также в коде (`aria-required="true"`), чтобы даже пользователь, который не видит звездочку, знал, что поле является обязательным, прежде чем возникнет ошибка отправки.

Многоэтапные процессы

Многоэтапные процессы регистрации или оформления заказа (личные данные ▸ доставка ▸ оплата ▸ подтверждение) должны четко сообщать программе чтения с экрана, на каком шаге находится пользователь из общего количества шагов, и объявлять об этом, когда пользователь переходит к следующему шагу — чтобы пользователь, который не видит визуальный индикатор прогресса, не потерял ориентацию на полпути.

Доступное подтверждение заказа

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

Есть ли у вас документы с условиями обслуживания или подтверждения заказов, которые отправляются в формате PDF?

Наш инструмент также проверяет документы, сопровождающие процессы покупки и регистрации — условия обслуживания, квитанции, подтверждения.

Сканируйте ваш сайт бесплатно ←

После сканирования вы также можете сделать найденные документы доступными напрямую и бесплатно через AccessiDoc.