Как убедиться, что ваш интернет-магазин доступен

Интернет-магазины позволяют каждому просматривать различные товары и совершать покупки на досуге. Естественно, процесс покупки и впечатления у всех разные, учитывая, что у всех нас разные вкусы, привычки и предпочтения. Тем не менее, для некоторых людей онлайн-покупки могут быть довольно сложными.

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

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

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

Что такое доступность электронной коммерции?

Когда дело доходит до доступности электронной коммерции, это означает, что люди с ограниченными возможностями могут без каких-либо трудностей получать доступ, вносить свой вклад и использовать Интернет.

Он включает не только физические недостатки, такие как зрительные, слуховые, когнитивные или другие постоянные нарушения, но и временную нетрудоспособность из-за травм или старения, а также инвалидность из-за внешних сил, таких как медленное подключение к Интернету.

Почему это важно

Самая важная причина, по которой доступность имеет значение, заключается в том, что вы не можете контролировать, кто посещает ваш магазин и взаимодействует с ним. Если ваш магазин не соблюдает правила доступности, вы можете попасть в суд и заплатить значительные штрафы.

Кроме того, доступность Интернета является одним из наших основных прав человека и оказывает огромное влияние на ваш бизнес. Если ваш интернет-магазин доступен, он также оптимизирован для предоставления всем пользователям наилучшего пользовательского опыта, который затем приводит к повышению удовлетворенности клиентов, повышению лояльности к бренду и увеличению доходов.

Наконец, последняя причина, по которой доступность имеет значение, заключается в том, что соблюдение рекомендаций по доступности означает, что ваш магазин следует рекомендуемым стандартам кодирования и использует семантическую разметку. Это способствует лучшему ранжированию в поисковой системе, а значит, вы можете получить больше органического трафика.

Как проверить доступность интернет-магазина

Прежде чем углубляться в конкретные советы по обеспечению доступности вашего интернет-магазина, первым делом нужно проверить, доступен ли ваш магазин или нет. Вот несколько способов проверить, что у вас есть.

• Посетите свой интернет-магазин и пройдите процесс покупки, как будто у вас есть инвалидность, такая как дальтонизм, или вам приходится полагаться на клавиатуру, чтобы перемещаться по нему и на всем протяжении процесса оформления заказа.
• Используйте такой сервис, как WAVE Web Accessibility Tool, чтобы увидеть потенциальные проблемы, ошибки и предупреждения для вашего сайта. Этот бесплатный инструмент сообщит вам, если у вас есть ошибки, такие как пустые ссылки и кнопки, низкий контраст между текстом и фоном и многое другое.
• Получите обратную связь от реальных пользователей с помощью такого сервиса, как UserTesting.com. Это позволит вам получить объективную обратную связь, которую вы сможете использовать для улучшения качества обслуживания клиентов и пользователей.

Как сделать ваш интернет-магазин доступным

Руководство по доступности веб-сайтов было опубликовано W3C еще в 1999 году. Они несут ответственность за поддержание руководящих принципов, и самая последняя версия датируется декабрем 2008 года.

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

С точки зрения непрофессионала, это означает, что когда посетители приходят в ваш интернет-магазин, они должны иметь возможность воспринимать, использовать и понимать информацию на вашем сайте. Эта информация также должна быть достаточно надежной, чтобы различные вспомогательные технологии могли ее правильно интерпретировать.

Вот основные моменты, которым следует следовать в соответствии с Руководством по обеспечению доступности в Интернете, чтобы обеспечить доступность вашего интернет-магазина для всех.

• При работе с кнопками и ссылками рассмотрите возможность добавления вопросительного знака или звездочки в качестве дополнительного способа отличить их от остального контента и убедиться, что люди с дальтонизмом могут понять, что они собой представляют.
• Используйте высококонтрастные цвета для текста и фона. Черный текст на белом фоне работает лучше, чем использование цветов, которые похожи или близки друг к другу на цветовом круге.
• Избегайте использования контента, вызывающего припадки, такого как анимированные GIF-файлы и мигающие анимации.
• Удалите или ограничьте использование CAPTCHA везде, где это возможно. Исследования показывают, что CAPTCHA в значительной степени неэффективна против спамеров, помимо того, что считается недоступной.
• Добавьте в свой интернет-магазин поддержку шрифта Брайля и возможность увеличивать отпечаток с помощью мыши и клавиатуры.
• Включите замещающий текст и текстовые описания для контента, такого как изображения, видео и аудио, которые используются на страницах продуктов и в других местах вашего магазина.
• Упростите чтение описаний продуктов и другого контента с помощью параметров форматирования, таких как заголовки, подзаголовки, маркеры и более короткие абзацы.
• Избегайте использования жаргона, технических терминов и аббревиатур без их определения, чтобы контент в вашем магазине был легко понятен.
• Убедитесь, что текст в ваших ссылках прост для понимания и описывает то, на что вы ссылаетесь, а не использует общие термины, такие как «Нажмите здесь».
• Если ваши ссылки настроены на открытие в новой вкладке, обязательно сообщите об этом пользователю
• Кнопки, элементы меню, раскрывающиеся меню и навигация должны быть доступны с помощью клавиатуры и мыши.
• Убедитесь, что на каждой странице есть ссылки для пропуска вверху, чтобы ваши посетители могли перейти к основному контенту, как только страница загрузится.
• Формы проверки должны иметь надлежащие метки, которые четко объясняют, для чего предназначено поле. Вы также должны убедиться, что каждое поле в форме оформления заказа предоставляет посетителям предупреждающие и подтверждающие сообщения.
• Избегайте использования музыки или видео, которые воспроизводятся автоматически, когда пользователь заходит на ваш сайт. Контент, такой как видео и звуковые дорожки, должен иметь хорошо видимые элементы управления для кнопок воспроизведения, паузы и остановки. Этот тип контента также должен включать стенограммы, а также скрытые субтитры и язык жестов, когда это возможно.
• Кнопки, которые запускают загрузку, например квитанцию ​​в формате PDF для покупки, счет или что-то подобное, должны иметь описания, которые сообщают посетителям, что произойдет, когда они нажмут на кнопку.
• Поговорите со своим разработчиком и попросите его использовать роли WAI-ARIA для придания смысла элементам HTML, таким как аккордеоны и вкладки, их функциям и состояниям; а также добавление tabindex к таким элементам, как и , которые обычно не получают фокуса
• Рассмотрите возможность использования плагина, такого как WP Accessibility, для устранения распространенных проблем со специальными возможностями, таких как предоставление фокуса клавиатуры, предотвращение открытия ссылок в других окнах и многое другое.