Ваш сайт соответствует требованиям ADA? Окончательный контрольный список

Технологии соответствуют законодательству, поскольку Министерство юстиции США (DOJ) в соответствии с Законом об американцах-инвалидах (ADA) требует, чтобы все цифровые технологии были легко доступны для людей с ограниченными возможностями.

Когда ADA был впервые принят в 1990 году, он стремился защитить людей, которым требуются такие удобства, как пандусы для инвалидных колясок и лифты.

Теперь соответствие ADA было распространено на веб-сайты, и Министерство юстиции США часто ссылается на Руководство по доступности веб-контента (WCAG) 2.0.

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

А в соответствии с Разделом III Закона об ADA веб-сайты с недоступными компонентами будут считаться дискриминационными по отношению к людям с ограниченными возможностями.

Что это значит?

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

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

Почему ваш сайт должен соответствовать требованиям ADA?

Существуют различные преимущества сайта, совместимого с ADA. Проверь их:

1. Избегайте штрафов

Что ж, это самое первое преимущество соблюдения правил ADA. Если вы не соответствуете критериям, вы рискуете столкнуться с коллективными гражданскими исками. Фактически, многие уважаемые бренды, включая Brooks Brothers, Foot Locker, Kylie Jenner и Fordham University, были привлечены к ответственности из-за отсутствия у них веб-сайтов, совместимых с ADA (источник: CWS).

2. Увеличивает целевую аудиторию

Согласно опросу Service and Inclusion, в США насчитывается около 50 миллионов людей с инвалидностью. Это означает, что около 19 процентов населения страны имеют инвалидность. Поэтому, если ваш сайт недоступен для них, вы теряете много клиентов.

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

3. Улучшает SEO-усилия

Поисковые системы отдают предпочтение сайтам с максимально удобным интерфейсом. Если ваш сайт соответствует Руководству по обеспечению доступности веб-контента (WCAG), он понравится программам чтения с экрана, поисковым системам и пользователям, что в конечном итоге улучшит ваши усилия по SEO (поисковой оптимизации).

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

4. Повысить репутацию

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

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

Как улучшить доступность?

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

• Шрифт

Текст является важнейшим элементом веб-доступности. Поэтому очень важно обращать внимание на шрифты. Некоторые из совместимых с ADA шрифтов включают Tahoma, Calibri, Arial, Times New Roman, Helvetica и Verdana.

• Цветовой контраст

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

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

• Размер шрифта

Приличный размер шрифта на веб-странице облегчает пользователям чтение содержимого. Несмотря на то, что для использования на веб-сайте не существует размера шрифта, обязательного для использования ADA, обычно рекомендуется использовать шрифт размером не менее 12–14 пикселей для текста. Текст должен эффективно отображаться на всех устройствах, включая настольные компьютеры, планшеты, мобильные и другие устройства.

• Доступность клавиатуры

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

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

• Альтернативный текст

В настоящее время все веб-сайты содержат разнообразную графику, изображения, видео и другие визуальные элементы. Проблема в том, что любые вспомогательные устройства, такие как программы для чтения с экрана, не могут «читать» эти визуальные эффекты. Вот почему стандарт WCAG 2.0 требует от разработчиков веб-сайтов использовать альтернативные текстовые описания для графических элементов. Это может быть альтернативный текст, закрытый текст подписи и т. д.

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

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

• Текст гиперссылки

Гиперссылки являются неотъемлемой частью любого сайта. Они способствуют легкой навигации по страницам и позволяют пользователям находить дополнительную информацию.

Для людей с нормальным зрением гиперссылки обычно обозначаются определенным цветом (обычно синий для стандартной ссылки и фиолетовый для посещенной ссылки).

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

Действия, которые необходимо предпринять

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

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

Помните, что соответствие требованиям ADA — это не установка и забвение. Стандарты соответствия будут развиваться так же, как и ваш веб-сайт. Поэтому не забудьте проверить это.

Вывод

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

Есть чем поделиться? Мы все глаза! Не стесняйтесь комментировать ниже.