Иски о доступности веб-сайтов: 4 примера из реальной жизни и основные выводы

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

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

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

Оглавление

• Почему веб-доступность важна?
• Что такое Закон об американцах с ограниченными возможностями (ADA)
• Реальные примеры судебных исков о веб-доступности
  • Domino's Pizza против Гильермо Роблеса
  • Мэри Коннер против Parkwood Entertainment
  • Гил против Винн-Дикси
  • Национальная ассоциация глухих против Гарварда + Массачусетского технологического института
• Советы по дизайну веб-сайтов и рекомендации по обеспечению доступности
  1. Понимание рекомендаций WCAG 2.1
  2. Проектирование с учетом специальных возможностей клавиатуры
     • Фокус клавиатуры
     • Порядок табуляции
     • Нет ловушек клавиатуры
  3. Предоставление альтернативного текста для изображений
     • Советы по созданию эффективного альтернативного текста
  4. Использование соответствующего цветового контраста
  5. Избегайте недоступного контента
  6. Проверка доступности сайта
• Часто задаваемые вопросы
  • Что такое иск о доступности?
  • Какой самый крупный иск о доступности?

Почему веб-доступность важна?

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

Более того, цифровая доступность может быть проблемой юридического характера. Закон об американцах-инвалидах (ADA) предусматривает, что отказ в предоставлении приспособлений для людей с ограниченными возможностями является формой дискриминации. Таким образом, иски о доступности веб-сайтов становятся все более и более распространенными. В 2022 году в США было подано более 3200 исков о доступности веб-сайтов (Codemantra). Для компаний, не соответствующих требованиям, эти иски представляют собой огромные судебные издержки, штрафы и негативную репутацию в прессе из-за того, что они не предоставили доступный веб-сайт.

Что такое Закон об американцах с ограниченными возможностями (ADA)

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

Руководство по доступности веб-контента (WCAG) было разработано организацией Web Accessibility Initiative (WAI) для установления международного стандарта доступности веб-контента. Он был создан, чтобы соответствовать требованиям ADA и улучшить работу в Интернете для людей с ограниченными возможностями. Эти рекомендации помогают веб-дизайнерам продумать различные приспособления, которые необходимо сделать для людей с ограниченными возможностями, чтобы они могли свободно просматривать веб-сайты. Они являются золотым стандартом, когда речь идет о разработке доступных веб-сайтов.

Реальные примеры судебных исков о веб-доступности

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

Domino's Pizza против Гильермо Роблеса

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

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

В конечном итоге Верховный суд встал на сторону Роблеса. В июне 2021 года судья постановил, что Domino's нарушила ADA, не предоставив полностью доступный веб-сайт, и компании было приказано привести свой сайт в соответствие со стандартами WCAG 2.0.

Мэри Коннер против Parkwood Entertainment

В 2019 году против компании Бейонсе Parkwood Entertainment был подан коллективный иск, в котором утверждалось, что веб-сайт beyonce.com нарушает ADA из-за того, что не принимает посетителей с нарушениями зрения.

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

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

В судебном процессе 2017 года против продуктового ритейлера Winn-Dixie компания обвинялась в нарушении ADA. Истец Хуан Карлос Хиль подал иск после того, как его программа чтения с экрана не смогла интерпретировать веб-сайт, что помешало ему заказывать товары или получать доступ к вознаграждениям своей учетной записи. Истец утверждал, что веб-сайт следует рассматривать как место общественного пользования и, следовательно, он должен соответствовать правилам ADA.

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

Национальная ассоциация глухих против Гарварда + Массачусетского технологического института

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

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

Советы по дизайну веб-сайтов и рекомендации по обеспечению доступности

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

1. Понимание рекомендаций WCAG 2.1

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

Руководство WCAG очень подробное, но некоторые важные элементы доступного веб-сайта включают следующее:

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

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

2. Проектирование с учетом специальных возможностей клавиатуры

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

Фокус клавиатуры

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

Порядок табуляции

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

Нет ловушек клавиатуры

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

3. Предоставление альтернативного текста для изображений

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

Советы по созданию эффективного альтернативного текста

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

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

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

4. Использование соответствующего цветового контраста

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

Если цветовой контраст на сайте слишком тонкий, люди с нарушениями зрения могут с трудом читать текст, что приведет к плохому взаимодействию с пользователем. В рекомендациях WCAG 2.1 рекомендуется коэффициент контрастности 4,5:1 для обычного текста и коэффициент контрастности 3:1 для крупного текста на веб-сайте.

Руководство WCAG 2.1 также содержит рекомендации по цветовому контрасту. Если вы не уверены, обеспечивают ли цвет шрифта и цвет фона сайта, который вы разрабатываете, достаточную контрастность, вы можете использовать онлайн-инструменты для проверки. Быстрый поиск в Google по запросу «проверка доступности веб-сайта» предоставит несколько вариантов. Не забывайте отдавать приоритет цветовому контрасту, а не модным цветам или дизайнам, когда предоставляете клиентам услуги по дизайну веб-сайтов.

5. Избегайте недоступного контента

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

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

6. Проверка доступности веб-сайта

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

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

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

Часто задаваемые вопросы

Что такое иск о доступности?

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

Какой самый крупный иск о доступности?

На сегодняшний день самым крупным судебным иском о доступности была Национальная федерация слепых против Target Corporation. В 2018 году иск был урегулирован на 6 миллионов долларов.