Как сделать ваш сайт доступным для соответствия требованиям ADA

Ваш веб-сайт соответствует требованиям ADA?

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

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

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

Подпадают ли веб-сайты под действие ADA?

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

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

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

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

6 Риски, связанные с недоступным веб-сайтом

1. Иски АДА

Если вы думаете, что вам никогда не предъявят иск за недоступный веб-сайт, подумайте еще раз. Только в первой половине 2018 года было подано 1053 иска против компаний за нарушение ADA, в том числе один иск против отеля Avanti. Вопреки тому, что вы могли бы подумать, несколько недавних судебных дел определили, что некоторые компании обязаны сделать свой веб-сайт доступным в соответствии с ADA.

Два самых известных дела — « Гил против Винн Дикси» и « Эндрюс против Blick Art Materials».

Гил против Винн Дикси

Самым известным делом о соблюдении требований ADA на веб-сайте было дело Гила против Винна Дикси в 2017 году, когда мужчина подал в суд на сеть продуктовых магазинов, потому что он не мог использовать программу чтения с экрана, чтобы заказать рецепт, чтобы забрать его позже в магазине. Судебный процесс показал, что продуктовый магазин нарушил Раздел III Закона об американцах-инвалидах (ADA), имея веб-сайт, несовместимый с программами чтения с экрана.

Winn Dixie пожаловалась в суд, что полный доступ к их веб-сайту будет стоить 250 000 долларов, но суд не счел это необоснованной ценой. Как указал суд, Winn Dixie потратила 2 миллиона долларов в 2015 году на запуск своего веб-сайта и еще 7 миллионов долларов в 2016 году на то, чтобы их веб-сайт работал с их программой «Plenti».

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

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

• Winn Dixie не нарушала ADA, так как их сайт не считается местом общественного пользования.
• Веб-сайт Winn Dixie не создавал «неосязаемого барьера», препятствующего доступу истца к товарам и услугам, предлагаемым Winn Dixie в их обычных магазинах.

Хотя это постановление ясно дало понять, что веб-сайты не считаются местами общественного пользования, и только такие места защищены ADA, это не означает, что на вас нельзя подать в суд.

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

Эндрюс против Blick Art Materials

В 2017 году в Нью-Йорке был рассмотрен еще один иск ADA по поводу веб-сайта. На этот раз это был коллективный иск против Black Art Materials, LLC. Виктор Эндрюс, слепой истец, утверждал, что веб-сайт компании «трудно, если не невозможно» использовать слепым.

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

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

2. Разочарованные/отчужденные посетители

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

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

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

3. Штрафы за несоблюдение веб-сайта ADA

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

В 2017 году Министерство транспорта США (DOT) оштрафовало Scandinavian Airline System (SAS) на 200 000 долларов за создание отдельной версии своего веб-сайта, удобной для ADA. Компания, вероятно, понятия не имела, что сделала что-то не так. Вероятно, они думали, что создание отдельного веб-сайта ничем не отличается от создания отдельного веб-сайта для мобильных пользователей. Однако DOT так не считал. Несмотря на то, что у авиакомпании был доступный веб-сайт, у них возникли проблемы, потому что это был отдельный веб-сайт.

Первоначально DOT установило крайний срок 12 декабря 2016 года для полного доступа ко всем веб-сайтам авиакомпаний. DOT определило, что создание отдельного доступного веб-сайта невозможно, и потребовало от SAS сделать их основной веб-сайт полностью доступным, что они и сделали.

4. Упущенные продажи

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

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

5. Плохая репутация

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

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

6. Отрицательные (и неприятные) онлайн-обзоры

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

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

5 советов по созданию и поддержке доступного веб-сайта, совместимого с ADA

1. Включите доступность в свои усилия по SEO

Хотя веб-доступность и SEO — две разные вещи, есть некоторые совпадения. Вы можете адаптировать следующие усилия SEO для удовлетворения потребностей в цифровой доступности.

• Большой текст . Google уже отдает предпочтение удобным для мобильных устройств веб-сайтам с крупным текстом, потому что это то, что нужно мобильным пользователям. Размер текста имеет значение. Если вы проверите свой веб-сайт на совместимость с мобильными устройствами, Google сообщит вам, если ваш текст слишком мал.

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

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

• Точный замещающий текст изображения . Альтернативный текст изображения помогает посетителям с ограниченными возможностями понять, что изображено на изображении. Когда посетитель использует программу чтения с экрана, она читает посетителю описание каждого изображения. Точное описание ваших изображений очень поможет посетителям, использующим программу чтения с экрана. Это один из самых важных элементов веб-доступности, а также важная часть SEO.

Существует небольшая путаница в отношении того, как замещающий текст изображения влияет на SEO. Альтернативный текст изображения не повысит рейтинг вашего сайта — он повысит рейтинг ваших изображений в поисковой выдаче. По данным HubSpot, 38% поисковой выдачи Google отображают изображения, и это число постоянно растет. Чем больше контента вы сможете проиндексировать в Google, тем больше у вас шансов получить больше трафика.

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

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

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

Когда уместны атрибуты заголовка ссылки?

Атрибуты заголовка ссылки обычно подходят, когда заголовок ссылки или URL-адрес не предоставляют посетителю достаточно информации. Тем не менее, хороший анкорный текст — это часто все, что вам нужно.

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

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

2. Создайте удобную для чтения с экрана навигацию

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

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

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

3. Избегайте использования таблиц для макета (вместо этого используйте CSS)

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

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

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

4. Создайте дизайн, удобный для индексации вкладок

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

Существует способ использовать атрибут TABINDEX, чтобы заставить клавишу табуляции останавливаться в определенном месте, которое обычно пропускается. Например, добавление TABINDEX="0" к неформальным элементам в веб-форме заставит программу чтения с экрана остановиться на этих разделах.

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

5. Получите профессиональный анализ соответствия требованиям ADA и доступности

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

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

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

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

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

Обеспечение соответствия вашего веб-сайта требованиям ADA делает мир лучше

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

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

Почему соответствие и доступность веб-сайта ADA должны быть главным приоритетом

Поскольку Интернет продолжает расти и развиваться, доступность веб-сайтов и веб-сайтов становится все более важной проблемой доступности. Закон об американцах-инвалидах (ADA) требует, чтобы весь контент веб-сайта был доступен для людей с ограниченными возможностями, а Руководящие принципы доступности веб-контента (WCAG) Консорциума всемирной паутины содержат подробные инструкции о том, как сделать веб-контент доступным.

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

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

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

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