Судебные иски о доступности веб-сайтов растут: как сайты WordPress могут стать совместимыми с ADA

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

Seyfarth Shaw LLP, ведущая международная юридическая фирма, сообщает, что в 2022 году в федеральные суды было подано 3255 исков, «утверждающих, что истцы с ограниченными возможностями не могут использовать веб-сайты, поскольку они не предназначены для доступа и/или работы с вспомогательными технологиями. ” Ежегодно с 2010 года это число увеличивается на 10% и более. Судебные разбирательства, связанные с доступностью веб-сайтов, в настоящее время составляют 37% всех судебных исков ADA Title III.

Так что же значит быть «совместимым с WordPress ADA»?

ADA также подает заявку онлайн

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

И цифровой мир включает в себя веб-сайт WordPress, которым вы владеете и управляете.

Вот почему необходимо создавать сайты WordPress, полностью совместимые с ADA.

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

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

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

Давайте взглянем.

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

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

ADA требует справедливого доступа к:

• Общественные места
• Транспорт
• Образование
• …и более…

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

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

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

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

Кроме того, все веб-сайты местных и государственных учреждений, включая сайты для школ, должны на 100 % соответствовать требованиям ADA.

Что значит иметь веб-сайт, совместимый с WordPress ADA?

Давайте сначала рассмотрим несколько стандартов доступности веб-сайтов, применяемых ADA:

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

Имейте в виду, что это не полный список стандартов, совместимых с ADA. По мере продвижения в этом руководстве мы углубимся во все подробности того, как ваш сайт WordPress может соответствовать всем требованиям ADA. По мере того, как мы переходим к техническим аспектам доступности, помните об этой общей картине (и ее преимуществах).

Каковы возможные последствия отсутствия веб-сайта WordPress, совместимого с ADA?

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

И это не теоретическая угроза. В последние годы было подано несколько громких судебных исков в отношении веб-сайтов, соответствующих требованиям ADA. Наиболее широко освещаемый из этих исков был против бренда Domino's Pizza. Это дело дошло до Верховного суда США.

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

По данным ВОЗ (Всемирной организации здравоохранения), около 1,3 миллиарда человек во всем мире имеют как минимум один вид инвалидности. Это около 16% всего населения мира. Это множество потенциальных новых клиентов и посетителей вашего сайта.

Чему научилась Target, проиграв судебный процесс о доступности?

Консорциум World Wide Web Consortium (W3C) предлагает тематическое исследование влиятельного, раннего судебного процесса ADA против сайта крупной американской корпорации, которому угрожает доступность: target.com. Национальная федерация слепых (NFB) выиграла дело в качестве истца, потому что на веб-сайте Target отсутствовали ключевые функции доступности:

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

Сегодня Target Corporation является чемпионом по доступности Интернета. Джейсон Голдбергер, директор по цифровым технологиям Target и президент Target.com в 2016 году, объясняет, чем он больше всего гордится после десяти лет работы над тем, чтобы сделать Target.com доступным и совместимым с ADA:

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

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

Как получить веб-сайт, совместимый с WordPress ADA

Теперь у вас есть общее представление о том, что такое Закон об американцах-инвалидах и почему он так важен. Далее мы рассмотрим, как сделать ваш сайт WordPress совместимым.

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

1. Узнайте, как выглядит сайт WordPress, совместимый с ADA

Министерство юстиции США еще не выпустило и не опубликовало никаких официальных руководств по соблюдению требований ADA. Тем не менее, он дает некоторые твердые рекомендации.

Познакомьтесь с WCAG

В частности, ADA настоятельно рекомендует каждой организации следовать Руководству по доступности веб-контента (WCAG), уровень AA 2.0.

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

Субтитры к видео

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

Доступные формы

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

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

Это намного полезнее (и доступнее), чем отображать только общее сообщение об ошибке с недопустимым пользовательским вводом.

Поддержка программ чтения с экрана и навигации с помощью клавиатуры

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

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

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

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

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

Оценка доступности веб-сайта (WAVE)

Хорошим местом для начала оценки качества взаимодействия с пользователем (UX) вашего сайта в свете стандартов доступности является набор инструментов под названием «Оценка доступности веб-сайта» (WAVE). WAVE просканирует ваш сайт WordPress и перечислит все потенциальные проблемы с доступностью. Это невероятно ценный инструмент, который помогает выявить огромное количество проблем, которые могут повлиять на удобство использования сайта.

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

К сожалению, WAVE — это ограниченный инструмент, который может сканировать только одну веб-страницу за раз. Чтобы ускорить процесс сканирования всего вашего сайта WordPress, рекомендуется установить расширения WAVE для Firefox или WAVE для Chrome (в зависимости от того, какой браузер вы предпочитаете).

Расширения позволят вам запускать WAVE на каждой просматриваемой веб-странице.

3. Всегда следуйте рекомендациям WordPress, совместимым с ADA, при создании доступных сайтов.

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

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

Услуги транскрипции

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

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

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

ALT-текст и изображения

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

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

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

Коэффициенты контрастности

Для полной поддержки посетителей сайта с нарушениями зрения рекомендуется поддерживать коэффициент контрастности не менее 4,5:1 для всего текста. Вы также можете изменить размер всего текста до 200%.

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

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

Рекомендации, установленные WCAG, широко признаны в качестве отраслевого стандарта, когда речь идет о доступности. Но рекомендуется также просмотреть контрольный список доступности от WebAIM. Этот инструмент предназначен для сведения официальных спецификаций WCAG 2.1.

4. Установите плагины, улучшающие соответствие WordPress ADA

Многие различные плагины и инструменты в репозитории WordPress обещают привести вас к соответствию WordPress ADA. Например, вы можете быстро просканировать весь свой веб-сайт на наличие проблем с доступностью, используя WP ADA Compliance Check Basic.

Базовая проверка соответствия WP ADA

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

Еще один инструмент, который следует учитывать, — это плагин проверки читаемости. Этот плагин пытается быть версией WAVE для WordPress, позволяя вам сканировать весь ваш сайт WordPress из панели инструментов.

Выровняйте цифровую проверку доступности

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

Репозиторий тем WordPress.org заполнен темами, разработанными профессионалами. Однако даже самые опытные дизайнеры WordPress иногда упускают из виду важные принципы, связанные с соответствием требованиям ADA и доступностью.

Доступность WP

Чтобы помочь решить эту проблему, плагин WP Accessibility решит проблемы, возникающие в темах WordPress. После того, как вы загрузите и активируете плагин, вам нужно перейти в «Настройки»> «Специальные возможности WP» на панели инструментов WordPress.

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

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

Не используйте наложение специальных возможностей

Важно помнить, что не существует настоящих готовых решений, которые позволят создать полностью доступный веб-сайт, совместимый с ADA. Некоторые плагины могут претендовать на то, что они работают по принципу plug-and-play, но это невозможно. Плагины соответствия идеально подходят для сканирования сайтов на наличие проблем и внесения изменений для их устранения. Но следите за плагинами, которые пытаются использовать метод наложения. Кроме того, следите за плагинами, которые утверждают, что они обеспечивают 100% соответствие WordPress ADA, просто загрузив и активировав плагин.

Этих «наложений доступности» следует избегать.

Пришло время создать сайт WordPress, совместимый с ADA

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

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

Чтобы напомнить шаги, которые необходимо предпринять для создания сайта, совместимого с WordPress ADA:

1. Узнайте, как выглядит веб-сайт, который уже соответствует требованиям ADA.
2. Просмотрите свой собственный сайт, чтобы понять, насколько он уже соответствует требованиям. Это можно сделать с помощью инструмента WAVE (оценка доступности веб-сайта).
3. Следуйте уже проверенным передовым методам создания доступных веб-сайтов.
4. Установите плагины WordPress, такие как WP Accessibility и WP ADA Compliance Check Basic.

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

Загрузите тему Kadence и блоки Kadence для создания эффективных веб-сайтов

Если вы любите создавать привлекательный контент с красивым дизайном, Kadence Blocks предоставляет инструменты для творчества прямо в родном редакторе WordPress. Кроме того, наслаждайтесь тоннами предварительно созданного контента, который вы можете легко добавить на свой сайт, включая библиотеку каркасных блоков, чтобы вы могли начать свой следующий веб-дизайн. Отлично подходит для вдохновения и быстрого развития!

Скачать сейчас

Дэн Кнаусс

Дэн Кнаусс — специалист по техническому содержанию StellarWP. Он был писателем, учителем и фрилансером, работающим с открытым исходным кодом с конца 1990-х годов и с WordPress с 2004 года.