Категории и нормы для веб-инклюзивных групп пользователей

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

Кстати, когда я только начала знакомиться с понятием веб-инклюзивности, то почему-то ориентировалась только на людей, у которых определенные проблемы со зрением, и отнюдь не думала, что существуют гораздо больше групп заболеваний, которые относятся к различным категориям веб-инклюзивности. Согласно отчету WebAIM Million за 2024 год, примерно 96,3% из миллиона часто посещаемых страниц имеют выявленные недостатки доступности. Это свидетельствует о том, что большинство сайтов могут быть недоступными для многих пользователей с недостатками слуха, зрения, координации, неврологии, или с ограничениями речи. 

И хотя тот же отчет подчеркивает, что использование атрибутов ARIA (Accessible Rich Internet Applications) возросло, по-прежнему обнаруживаются ошибки на страницах, использующих ARIA. Это намекает нам на то, что хотя все больше сайтов пытаются внедрить функции доступности, многие из них все еще не соответствуют необходимым стандартам.

Юридическое давление и регуляции побуждают больше сайтов принимать правила доступности. Например, Американский закон об американцах с ограниченными возможностями (ADA) был расширен таким образом, что теперь включает сайты как публичные места, что привело к росту количества судебных исков, связанных с доступностью. В 2023 году было подано 4605 таких исков, что указывает на значительный юридический стимул для сайтов соблюдать стандарты доступности.

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

Какие проблемы со здоровьем относятся к категории веб-инклюзивности (доступности)?

Нарушения зрения

• полная или частичная слепота;
• цветовая слепота (дефицит цветовосприятия) — 1 из 12 мужчин (8%) и 1 из 200 женщин во всем мире имеют ту или иную форму дефицита цветовосприятия. Этот вид нарушения зрения связан с восприятием цвета и может значительно отличаться по степени тяжести;
• ограниченное периферийное зрение или другие виды нарушений зрения — 258 миллионов человек имеют легкие нарушения зрения; 510 миллионов человек имеют проблемы с ближним зрением, что влияет на их способность видеть предметы вблизи.

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

Нарушения слуха

• полная или частичная глухота;
• проблемы с восприятием звуков разной громкости или высоты тона.

Нарушения подвижности

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

Когнитивные и неврологические нарушения

• состояния, влияющие на концентрацию, внимание, способность к обучению и логическое мышление;
• расстройства аутистического спектра;
• синдром дефицита внимания с гиперактивностью (СДВГ) и другие.

Нарушения речи

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

Расширенный список заболеваний и симптомов можно найти в нашем гайде по доступности.

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

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

Обязательные советы для сайтов

Нарушения зрения 

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

1. Достаточный контраст текста и фона: это чрезвычайно важно для людей с плохим зрением и дальтонизмом, благодаря чему они могут читать текст без напряжения. Стандарты, такие как Web Content Accessibility Guidelines (WCAG), требуют определенного уровня контрастности.
2. Альтернативные тексты для изображений (alt-тексты): это необходимо для того, чтобы программы для чтения с экрана могли озвучивать описание картинок для пользователей, которые их не видят.
3. Поддержка скринридеров: сайты должны быть совместимы с программами чтения с экрана, используемыми слепыми и слабовидящими пользователями для навигации и взаимодействия с контентом.
4. Масштабируемость контента: возможность увеличить текст и элементы интерфейса без потери функциональности или ухудшения оформления сайта имеет огромное значение.
5. Клавиатурная навигация: все интерактивные элементы должны быть доступны через клавиатурную навигацию, что важно для пользователей, которые не могут использовать мышь.
6. Коэффициент контрастности: Web Content Accessibility Guidelines (WCAG) рекомендует минимальный коэффициент контрастности не менее 4,5:1 для обычного текста и 3:1 для крупного. Для лучшей доступности, особенно для людей с плохим зрением, рекомендуется ориентироваться на коэффициент контрастности 7:1 или выше.
7. Большой размер текста: текст размером 18 пунктов (примерно 24 px) или 14 пунктов (примерно 18,66 px), выделенный жирным шрифтом, считается крупным текстом, который может быть более читабельным при немного меньшем коэффициенте контрастности.
8. Цветовые решения: для пользователей с дальтонизмом важно убедиться, что информация, переданная с помощью цвета, также различима и без него. Избегайте использования сочетаний цветов, которые трудно различимы для пользователей с дальтонизмом, например, красный / зеленый, зеленый / коричневый, зеленый / синий, синий / серый, светло-зеленый / желтый.
9. Инструменты для проверки контрастности: различные онлайн-инструменты, такие как WebAIM Contrast Checker, помогут проверить контрастность между текстом и фоном, чтобы убедиться, что она соответствует или превышает рекомендуемые стандарты.
10. Упрощенный фон: однородный простой фон поможет добиться максимальной читабельности, в отличие от узорчатых или насыщенных картинками фонов, которые могут снизить читабельность текста.

Нарушения слуха 

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

Независимо от этого, проблемы со слухом относятся к категории веб-инклюзивных и требуют соблюдения следующих факторов: 

1. Субтитры к видеоматериалам: все видео, содержащие аудиоинформацию (например, диалоги или важные звуковые эффекты), должны быть сопровождены субтитрами, чтобы люди с нарушениями слуха могли читать текст во время просмотра.
2. Текстовая транскрипция аудиоматериалов: предоставление полнотекстовых расшифровок всех аудиозаписей (например, подкастов или аудиолекций) является обязательным, чтобы пользователи с нарушениями слуха могли получить доступ ко всей предоставляемой информации.
3. Синхронизация субтитров и звука: субтитры должны быть точно синхронизированы с соответствующими звуками в видео, чтобы обеспечить правильное и понятное восприятие информации.

Нарушения подвижности 

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

Поэтому важно придерживаться следующих рекомендаций:

1. Клавиатурная навигация: все интерактивные элементы на сайте должны быть доступны и удобны для управления с помощью клавиатуры, без необходимости использования мыши. Это касается доступа к ссылкам, кнопкам, формам и другим элементам управления.
2. Достаточное количество времени для взаимодействия: пользователям с ограниченной моторикой может потребоваться больше времени для ввода данных или навигации по сайту. На сайтах должна быть предусмотрена возможность увеличить время отклика, если это необходимо (например при заполнении форм).
3. Управление фокусом: при навигации с помощью клавиатуры очень важно, чтобы фокус на интерактивных элементах был четко виден и согласован, чтобы пользователи могли легко отслеживать, где они находятся на странице.
4. Отсутствие вынужденных движений: дизайн сайта не должен требовать сложных или точных движений, которые могут быть затруднительны для людей с ограниченными двигательными навыками (например система drag-n-drop. Если вы используете функцию drag-n-drop, для пользователей, которые не могут выполнить эти действия, должны быть доступны альтернативные методы. Это могут быть кнопки для перемещения элементов вверх или вниз в списке в качестве замены перетаскиванию).

Когнитивные и неврологические нарушения 

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

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

1. Понятность и простота содержимого: использование простого и понятного языка имеет огромное значение для людей с когнитивными нарушениями. Отказ от жаргона и сложных предложений и четкие инструкции помогут пользователям лучше понять информацию. 
2. Логичная навигация и структурированный контент: важно, чтобы структура сайта была интуитивно понятной, с четко обозначенными разделами и последовательной навигацией. Это поможет пользователям с когнитивными нарушениями сориентироваться на сайте и облегчит поиск информации. 
3. Предоставление инструкций и подсказок: наличие четких инструкций для таких задач, как заполнение форм или выполнение онлайн-транзакций, имеет важнейшее значение. Эти инструкции должны быть легкими для поиска и понимания, что снизит вероятность ошибок и недовольства пользователей с когнитивными нарушениями.
4. Отсутствие временных ограничений: если на сайте есть элементы, требующие выполнения действий в течение определенного времени, предоставление возможности управлять этим временем, продлевать его или отключать таймеры очень важно для людей с низкой скоростью работы.

Нарушения речи

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

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

Так, например, заикание может стать проблемой при общении в интернете, потому что:

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

Наиболее часто используется самая важная функциональность, а именно: 

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

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

Поэтому необходимо проверить, учтены ли эти факторы на вашем ресурсе: 

1. Альтернативные формы ввода: предоставление методов ввода, не зависящих от голоса, таких как ввод текста, выбор из предложенных вариантов или использование клавиатуры, является обязательным условием обеспечения доступности для пользователей с нарушениями речи.
2. Умение пользоваться вспомогательными технологиями: сайты должны поддерживать совместимость со вспомогательными технологиями, такими как голосовые программы ввода текста для тех, кто может пользоваться голосом, но испытывает трудности с обычной речью.
3. Текстовые альтернативы для голосового контента: предоставление текстовой транскрипции или субтитров для любого аудио- или видеоконтента, в котором ключевую роль играет речь, необходимо для обеспечения доступа к информации.

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

Рекомендуемые советы для сайтов

1. Поддержка различных режимов отображения: например, темный режим может помочь пользователям с определенными нарушениями зрения.
2. Кастомизация шрифтов: предоставление пользователям возможности выбирать тип и размер шрифта может значительно улучшить читаемость для людей с нарушениями зрения.
3. Аудиоописания для видеоматериалов: предоставление звуковых описаний действий в видео, которые не описываются голосовыми дорожками, может быть полезным, но не всегда обязательным.
4. Использование иконографии: позволяет людям с дальтонизмом не потерять важную информацию.

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

1. Улучшение навигации: иконки могут выступать в качестве универсальных символов, помогая пользователям легко ориентироваться на сайте. Для людей с когнитивными нарушениями или незнакомых с языком сайта иконки могут упростить понимание функций и навигации.
2. Доступность контента: иконки могут помочь в визуальном представлении информации, что полезно для людей с нарушениями зрения или трудностями чтения. Яркие и четкие иконки легче распознать, что делает информацию более доступной.
3. Межкультурная коммуникация: иконки могут преодолеть языковой барьер, представляя понятия и действия без слов.
4. Универсальный дизайн: разработка иконографии, учитывающей потребности всех пользователей, включая людей с ограниченными возможностями, является важной частью создания универсально доступных веб-ресурсов.

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

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

Для людей с нарушениями речи:

1. Интерактивные подсказки: интерактивные подсказки или пошаговые инструкции, не требующие голосового ввода, могут помочь пользователям с нарушениями речи легче взаимодействовать с сайтом.
2. Персонализация пользовательского интерфейса: возможность настройки пользовательского интерфейса для уменьшения или исключения необходимости голосового ввода может значительно улучшить доступность для людей с нарушениями речи.
3. Понятная обратная связь и поддержка: четкие инструкции и легкодоступная поддержка с помощью текстовых средств коммуникации, таких как чаты или формы обратной связи, могут помочь пользователям, испытывающим трудности с речью.
4. Тестирование с реальными пользователями: проведение тестирования доступности сайта с участием людей с ограниченными возможностями, которые являются частью веб-инклюзивного общества, поможет выявить и устранить потенциальные недостатки, которые могли остаться незамеченными.

В завершение

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