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

Насколько доступен мой сайт? Этим вопросом должен задаваться каждый, но, к сожалению, не каждый. Несмотря на то, что прошло более 30 лет с тех пор, как Закон об американцах-инвалидах (ADA) был подписан, доступность веб-сайтов не так универсальна, как должна была бы быть.

Недавнее исследование миллиона лучших веб-сайтов показало, что 98,1% домашних страниц не соответствуют ведущему набору рекомендаций по обеспечению доступности веб-контента (WCAG) . Это плохо не только с этической точки зрения, но и с юридической. Веб-сайты, которые не соответствуют рекомендациям по доступности веб-сайтов, рискуют получить штраф ADA, а судебные иски выросли почти на 25% в годовом исчислении . Это также плохо с точки зрения бизнеса, поскольку эти веб-сайты также, скорее всего, уступают бизнесу каждому четвертому — или 61 миллиону — взрослых в США, живущих с инвалидностью.

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

Понимание АДА

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

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

В настоящее время руководство WCAG 2.0 обычно считается стандартом, и рабочая группа по рекомендациям по доступности планирует опубликовать первый общедоступный рабочий проект WCAG 3.0 в январе 2021 года, а окончательную версию планируется опубликовать после 2022 года.

А пока вот некоторые вещи, которые вы можете сделать, чтобы ваш веб-сайт соответствовал текущим правилам .

Как сделать ваш сайт электронной коммерции совместимым с ADA

• Поддержка новейших браузеров
  Люди с нарушениями зрения могут перемещаться по веб-сайтам с помощью программы чтения с экрана, которая представляет собой программное обеспечение, которое читает текст и преобразует его в звук. Однако веб-сайты должны использовать код, понятный программам чтения с экрана. Большинство проблем с программами чтения с экрана возникают из-за проблем совместимости браузеров, поэтому убедитесь, что ваш сайт поддерживает последние версии браузеров, и это хороший первый шаг.
• Убедитесь, что меню доступны для навигации
  Меню на вашем веб-сайте должны быть совместимы с программами чтения с экрана. Используйте клавишу табуляции для перехода к следующему элементу и Shift+Tab для перехода к предыдущему элементу. Кнопки меню должны быть доступны с помощью клавиш со стрелками влево и вправо, а раскрывающиеся меню должны быть доступны с помощью стрелок вверх и вниз.
• Добавить альтернативный текст к изображениям
  За изображениями должен быть встроен альтернативный текст, и он должен четко описывать изображение. Также необходимо использовать правильные заголовки. В противном случае программа чтения с экрана интерпретирует его как «пустое» или просто «изображение».
• Добавьте язык жестов в ключевые видео
  Многие глухие люди с нарушениями слуха с рождения не могут читать написанные слова, они «читают» только язык жестов. Язык жестов может помочь сделать ваши видео более доступными для этих людей.
• Включайте открытые или закрытые титры в свои видео
  Независимо от того, добавляете ли вы видео на языке жестов или нет, вам действительно следует включать титры или субтитры в видео на вашем сайте. Это не только гарантирует, что ваш видеоконтент будет доступен для всех, но и может увеличить количество просмотров, поскольку многие люди любят смотреть видео с выключенным звуком.
• Используйте высококонтрастные цвета
  Низкоконтрастные цвета мешают слабовидящим людям идентифицировать важные кнопки или даже различать передний план и фон.
• Назовите свои ссылки якорным текстом
  Использование ссылок, описывающих страницу, на которую вы ссылаетесь, а не «нажмите здесь», не только улучшает вашу поисковую оптимизацию, но и делает ваш веб-сайт более доступным для людей, использующих программу чтения с экрана.
• Сделайте ссылки видимыми и доступными
  Выделите ссылки контрастным цветом, чтобы они были видны, и убедитесь, что ваши страницы спроектированы таким образом, чтобы люди могли легко переходить к ним с помощью клавиш со стрелками и табуляции на клавиатуре. Также должно быть понятно, открываются ли ссылки в новом окне.
• Не используйте дизайнерские приемы, которые могут вызвать припадки.
  Убедитесь, что на вашем веб-сайте не используется контент, который мигает чаще трех раз в секунду, так как это может вызвать припадки у людей, страдающих эпилепсией.
• Иметь четкое письменное содержание
  Используйте четкие шрифты с достаточным интервалом между буквами. Организуйте свой письменный контент, используя описательные заголовки, и используйте краткие описания продуктов. Также убедитесь, что язык, который вы используете, может быть определен программно.
• Используйте практичный дизайн формы
  Программам чтения с экрана может быть сложно анализировать расположенную рядом информацию, поэтому выбирайте для своих форм многоуровневый дизайн. Для максимально удобного использования размещайте метки или инструкции за пределами поля, чтобы на них можно было ссылаться, пока пользователь редактирует их. Рассмотрите длину вероятного ответа и учтите это при разработке каждого поля. И всегда используйте звездочки для обозначения обязательных полей.
• Ошибки в формах должны быть четко сообщены
  Когда пользователю необходимо ввести информацию в форму на вашем веб-сайте (например, информацию о доставке), любые автоматически обнаруженные ошибки должны быть четко сообщены и описаны пользователю. Пользователь должен иметь возможность четко определить, какое поле является недопустимым.
• Будьте гибкими и готовыми помочь: убедитесь, что ваша служба поддержки клиентов находится в рабочем состоянии и готова и способна помочь с помощью различных средств (телефон, электронная почта, веб-чат), если вашим посетителям понадобится какая-либо помощь. Если вам необходимо внести изменения, чтобы сделать ваш веб-сайт более удобным для пользователей, будьте готовы удовлетворить эту потребность.

Вывод

InteractOne выполнила соответствие ADA для нескольких клиентов, и мы лучше всего подходим для помощи компаниям, которые работают на платформах Magento, BigCommerce и Shopify. Поговорите с нами сегодня о том, как мы можем помочь вам сделать ваш веб-сайт полностью совместимым с ADA.