Что такое веб-доступность? Как сделать ваш контент инклюзивным

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

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

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

Что такое веб-доступность?

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

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

Для доступа в Интернет были определены четыре слабо сгруппированных типа инвалидности. Это включает:

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

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

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

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

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

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

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

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

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

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

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

Доступность веб-сайта важна по многим другим причинам, таким как:

• Инклюзивность: создание доступного веб-сайта создает инклюзивный опыт, который полезен для общего блага.
• Удержание и привлечение клиентов. Интернет — лучшее место для общения с людьми, особенно с людьми с ограниченными возможностями, например, с теми, кто не может посещать магазины или читать печатные материалы. Сделав свой веб-сайт доступным, вы сможете охватить новую часть клиентов, которую конкуренты могли бы пропустить.
• Соблюдение законодательства: в США было подано несколько исков против компаний, которые не соблюдают правила доступности веб-сайтов. Во многих странах соблюдение правил доступности веб-сайтов является обязательным, и невыполнение этого требования может привести к суровым юридическим санкциям.
• Завоевание доверия и репутации: компания может укрепить свой бренд, сделав свой сайт по-настоящему доступным. Например, Facebook получил высокую оценку за использование ИИ для предоставления слепым пользователям автоматического альтернативного текста с помощью технологии распознавания объектов.

5 потребностей, на которые направлена ​​веб-доступность

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

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

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

1. Слуховые потребности

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

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

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

Советы по обеспечению доступности мультимедиа для людей с нарушениями слуха

• Стенограммы: Предоставление стенограмм имеет несколько преимуществ. Это упрощает понимание контента, а также обеспечивает преимущества SEO для вашего сайта. Людям, которые любят делать заметки, также будут полезны ваши стенограммы, особенно в отношении видеоконтента, который вы можете встретить на YouTube.
• Подписи и субтитры. Если вы показываете видеоконтент на своем сайте, лучше включить подписи и субтитры, чтобы людям с нарушениями слуха было легче понять ваш контент. Это также принесет пользу вашим обычным зрителям, которые могут смотреть ваше видео в людном месте и не иметь возможности слушать его должным образом.

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

2. Познавательные и интеллектуальные потребности

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

• Потеря памяти
• Дефицит внимания
• Проблемы с пониманием

Клинические расстройства различаются по степени тяжести и включают:

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

Советы по доступности веб-сайтов для людей с когнитивными нарушениями

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

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

3. Потребности в моторике и подвижности

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

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

Советы по доступности веб-сайтов для людей с когнитивными нарушениями

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

4. Судороги и эпилептические потребности

Согласно инструменту анализа светочувствительной эпилепсии Trace Research & Development Center: «Светочувствительные припадки могут быть спровоцированы определенными типами мигания веб-контента или компьютерного контента, включая наведение курсора мыши, из-за которого большие области экрана быстро включаются и выключаются многократно».

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

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

Советы по доступности веб-сайтов для людей с судорожными припадками и эпилепсией

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

5. Визуальные потребности

По данным Prevent Blindness America, 53,2 миллиона американцев в возрасте 45 лет и старше имеют ту или иную форму нарушения зрения. Для понимания стандартов веб-доступности мы можем определить два типа визуальных потребностей.

• Плохое зрение: « Плохое зрение » относится к нарушениям зрения, кроме слепоты.
• Слепота: это определяется как полная потеря зрения.

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

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

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

4 технологических решения для доступности просмотра веб-страниц

Создание доступных веб-сайтов полезно как с точки зрения бизнеса, так и с точки зрения пользователя. Дизайнеры UI/UX должны следовать рекомендациям по обеспечению доступности веб-сайтов, чтобы создать инклюзивную всемирную паутину и обеспечить инклюзивный пользовательский интерфейс. Помимо следования основным принципам дизайна, вы можете использовать программное обеспечение plug-and-play, чтобы сделать свой веб-сайт доступным, юридически совместимым и инклюзивным. Ниже мы перечислили четыре популярных решения, которые сделают ваш сайт доступным для всех.

1. Услуги скрытых субтитров

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

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

2. Программное обеспечение для увеличения экрана

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

3. Программное обеспечение для чтения экрана

Программы чтения с экрана — это программы, которые позволяют слепым или слабовидящим пользователям читать текст на экране компьютера с помощью синтезатора речи, который читает текст вслух. Некоторые программы чтения с экрана также передают данные с помощью дисплея Брайля. Многие средства чтения с экрана доступны для использования с персональными компьютерами под управлением различных типов ОС, таких как Linux, Windows и Mac, IOS, Android и т. д.

Однако разные программы чтения с экрана включают разные структуры команд, но поддерживают несколько синтезаторов речи. Доступно множество бесплатных программ для чтения с экрана, например NVDA (для Windows) и Apple VoiceOver (для iOS).

4. Программное обеспечение для распознавания голоса

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

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

Обертка

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

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