Чек-лист доступности для интернет-магазинов
Автор Команда AsasWeb 1 мин чтения
Доступный интернет-магазин это магазин, в котором может купить больше людей, поэтому проверяйте страницы, где происходят продажи. Фотографиям товаров нужен описательный альтернативный текст, выбор вариантов товара должен работать с клавиатуры, а цену и наличие нельзя обозначать одним только цветом. Всё оформление заказа должно проходиться только с клавиатуры, с видимыми подписями, полезными сообщениями об ошибках и правильными мобильными типами ввода. В конце проведите реальную тестовую покупку с клавиатуры и с программой чтения с экрана, потому что автоматические инструменты не видят того, что показывают такие проверки.
Каждый барьер в интернет-магазине это барьер для продажи. Доступный магазин это просто магазин, в котором может купить больше людей, поэтому доступность и выручка здесь указывают в одну сторону. Используйте этот короткий чек-лист на самых важных страницах.
Страницы товаров
- Изображения товара несут описательный альтернативный текст, чтобы пользователь программы чтения с экрана знал, что покупает.
- Выбор вариантов, например размера и цвета, управляется с клавиатуры и чётко подписан.
- Цена, наличие и действие добавления в корзину объявляются ясно, а не обозначаются только цветом или положением.
Поиск и навигация
- До поиска можно добраться с клавиатуры, а результаты объявляются при обновлении.
- Фильтры можно применить и снять без мыши, и текущее состояние ясно.
- Фокус виден на каждом шаге, чтобы пользователи клавиатуры никогда не теряли своё место.
Корзина и оформление заказа
- Оформление заказа работает от начала до конца с клавиатуры, в логичном порядке фокуса.
- У полей формы есть видимые подписи, полезные ошибки и правильный тип ввода на мобильном.
- Ничего важного не заперто за наведением или перетаскиванием, а ограничения времени, если они есть, можно продлить.
Тестируйте по-настоящему
Автоматические инструменты ловят многое, но прохождение полной покупки только с клавиатуры, плюс проход с программой чтения с экрана, выявляет то, что они пропускают. Мы тестируем оформление заказа именно так перед запуском.
Доступный магазин это более качественный магазин для всех, и одновременно он расширяет ваш рынок. Если вам нужно оформление заказа, из которого никто не уйдёт, начните проект.