Что такое доступность веб-сайта? (4 совета по соблюдению требований ADA)

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

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

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

Введение в доступность веб-сайтов

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

Когда мы говорим о доступности, мы часто сосредотачиваемся на пользователях с ограниченными возможностями, и на то есть веские причины. По данным Всемирной организации здравоохранения (ВОЗ), около 15 процентов населения имеют ту или иную форму инвалидности.

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

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

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

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

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

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

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

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

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

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

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

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

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

Понимание юридических требований к веб-доступности

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

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

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

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

Если вас признают виновным в нарушении ADA, суды могут распорядиться о возмещении убытков и погашении задолженности для устранения дискриминации. Министерство юстиции также может взимать гражданские штрафы в размере до 55 000 долларов США за первое нарушение и 110 000 долларов США за любое последующее нарушение.

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

Как сделать ваш сайт WordPress доступным (4 способа)

Мы только что рассмотрели, почему вы должны отдавать приоритет удобству использования. Теперь давайте посмотрим, как вы можете убедиться, что ваш сайт полностью соответствует требованиям ADA. Вот четыре способа сделать WordPress более доступным!

1. Сканирование на наличие проблем с удобством использования

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

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

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

Доступны различные инструменты, но оценка доступности веб-сайта (WAVE) — это программный пакет, который может выявить ряд проблем с удобством использования:

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

Недостатком этого программного обеспечения является то, что WAVE может сканировать только одну страницу за раз. Чтобы сократить время тестирования, вы можете установить расширение WAVE для Firefox или WAVE для Chrome. Этот инструмент позволяет запускать WAVE на веб-странице одним нажатием кнопки:

Кроме того, вы можете сканировать свой сайт с помощью плагина, такого как WP ADA Compliance Check. Этот бесплатный инструмент может похвастаться 50 проверками ошибок:

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

2. Добавьте замещающий текст к своим изображениям

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

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

Вы можете добавить замещающий текст к любому изображению в Медиатеке WordPress:

Кроме того, вы можете создать замещающий текст после вставки изображения на свою страницу. Просто выберите нужный рисунок и откройте вкладку «Блок» . Затем нажмите, чтобы развернуть раздел «Настройки изображения» и напишите свой замещающий текст:

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

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

3. Обеспечьте альтернативу аудио вашего сайта

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

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

Вы можете добавить файл формата текстовых дорожек веб-видео (WebVTT) в любой видеоблок WordPress. WebVTT — это просто текстовый документ, который форматирует подписи в соответствии со спецификацией консорциума World Wide Web (W3C).

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

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

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

Если вы размещаете свои видео на YouTube, на платформе есть специальная область субтитров для создания расшифровок. Затем вы можете скопировать/вставить этот текст на свой сайт:

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

4. Определите любые проблемы доступности с вашей темой WordPress

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

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

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

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

Заключение

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

Имея это в виду, давайте быстро вспомним четыре способа создания более доступного веб-сайта:

1. Сканирование на наличие проблем с удобством использования. Здесь может помочь использование плагина WP ADA Compliance.
2. Добавьте замещающий текст к своим изображениям.
3. Обеспечьте альтернативу аудио вашего сайта с субтитрами и расшифровками.
4. Определите любые проблемы доступности с вашей темой WordPress с помощью плагина, такого как WP Accessibility.

В WP Engine мы понимаем, что доступность является главным приоритетом для многих владельцев веб-сайтов. Поэтому все остальное мы делаем за вас!
Когда вы станете партнером WP Engine, вы получите доступ к хостингу WordPress, оптимизированному для скорости, безопасности, стабильности и масштабируемости. Это дает вам возможность сосредоточиться на том, что действительно важно: создании доступного веб-сайта, который каждый может использовать (и наслаждаться)!