7 советов, которые помогут вам сделать ваш сайт электронной коммерции доступным

Знаете ли вы, что от 15 до 20 процентов населения страдают какой-либо инвалидностью , будь то зрительная, связанная с движением или слуховая? В таком подключенном онлайн-сообществе, как наше, абсолютно необходимо оптимизировать доступность вашего сайта .

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

Хорошо подготовленный сайт не позволит вам упустить миллионы потенциальных посетителей . Кроме того, наличие веб-сайта, доступного в цифровом виде, улучшит ваш рейтинг SEO !

Узнайте, как расти и развивать свой бизнес электронной коммерции на международном уровне

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

• Для слепых/слабовидящих : должен быть способ прослушивания вашего контента в аудиоформе , например, с помощью голосового браузера.
• Для людей с ограниченными возможностями, связанными с движением : важно предложить им возможность просмотра вашего веб-сайта без использования мыши .

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

Итак, вот семь советов, которые помогут вам сделать ваш сайт более доступным .

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

Стандарт ISO 9241 определяет удобство использования следующим образом: «Степень, в которой система, продукт или услуга могут использоваться определенными пользователями для достижения определенных целей с эффективностью, результативностью и удовлетворением».

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

Используйте наиболее подходящую структуру

Большой объем веб-контента можно легко сделать доступным, просто обеспечив правильное использование HTML . Веб-страницы состоят из множества тегов, которые можно легко найти в коде страницы и тут же отредактировать. Существует множество различных типов тегов. Каждый из них имеет свое значение и свое особое влияние на структуру веб-страницы. Все теги имеют определенное назначение . Используйте их правильно!

Разделяйте форму и содержание

Если вы хотите, чтобы ваш сайт электронной коммерции был легко доступен, не забудьте хранить файл HTML, содержащий ваше содержимое (текст, изображения, меню и т. д.), отдельно от файлов CSS, используемых для определения стиля и формата вашего сайта . Это делает структуру вашего сайта более четкой и позволяет создавать несколько различных типов дизайна. Это позволит вам предлагать не только текстовые версии, которые будут полезны для людей с определенными видами инвалидности , но и версии с более крупным текстом и контентом, лучше адаптированные для использования на смартфонах или планшетах и ​​т. д.

Не забудьте дать своим изображениям альтернативный текст (альтернативный текст)

Альтернативные тексты — это короткие описания изображений . Они являются частью HTML-кода и позволяют слабовидящим пользователям узнать, что изображено на изображениях, даже не видя их .

В качестве первого шага важно различать три различных типа существующих изображений:

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

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

Эти альтернативные тексты являются важным моментом для рассмотрения. Они помогают улучшить ваш рейтинг SEO .

Правильно настроить цвета и контрасты

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

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

Полезный совет : соблюдайте стандарты доступности HTML, используя общедоступные шрифты, типографику и т. д.

Предоставьте четкую информацию о ваших гипертекстовых ссылках

Чем меньше двусмысленности, тем доступнее будет ваш сайт!

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

Пример

Посетитель с нарушениями зрения хочет получить доступ к функции отслеживания заказов, чтобы отслеживать свой заказ. Не рекомендуется создавать кнопки «Нажмите здесь» . Некоторые посетители будут использовать терминалы Брайля или синтезаторы речи при просмотре страниц вашего веб-сайта. Поэтому попробуйте использовать кнопку с более точным описанием , например «Отследить ход выполнения вашего заказа» , которая сразу будет более информативна для пользователя.

Не открывать новые окна

Хотя всплывающее окно может быть очень полезным для рекламы чего-то нового или какого-то события , и некоторым пользователям удобно видеть все открытые страницы, тем не менее, оно может быть серьезным препятствием для других ( особенно для слабовидящих). Новое окно может существенно «сломать» ритм просмотра и заставить пользователя сбиться с пути . Поэтому, если возможно, дайте им возможность открыть другую страницу или нет, потребовав от них простого щелчка правой кнопкой мыши. Однако, если у вас нет выбора и вам приходится это делать, не забудьте сообщить об этом пользователю, используя соответствующий атрибут в своем HTML-коде .

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