UX и важность веб-доступности

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

По данным Всемирного банка, 1 миллиард человек (15% населения мира) имеют ту или иную форму инвалидности, из них почти 57 миллионов только в США. (19% населения США согласно данным, опубликованным Бюро переписи населения США 25 июля 2012 г.)

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

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

Мифы о веб-доступности

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

1. «Это некрасиво».

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

2. «Это занимает слишком много времени, стоит слишком дорого и не приносит пользы».

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

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

3. «Никому нет дела».

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

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

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

4. «Это необязательно».

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

Причины заботиться о веб-доступности

1. Соблюдение законодательства

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

В то время как Facebook получил высокую оценку за свою лабораторию Empathy Lab и политику в отношении доступности, другим компаниям не так повезло. Различные ассоциации слепых и глухих несколько раз предъявляли иски к Netflix. В конце концов, им пришлось предоставить равный доступ к своему контенту всем пользователям, включая добавление субтитров ко всем своим программам.

2. Улучшение репутации

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

В процессе добавления специальных возможностей гиганты Силиконовой долины не колеблясь вносят инновации в игру, вкладывая миллионы в технологии и революционные новые функции. Например, Facebook теперь использует искусственный интеллект, чтобы предоставить своим слепым пользователям автоматический альтернативный текст с помощью технологии распознавания объектов. Теперь эта функция позволяет им в полной мере насладиться 2 миллиардами фотографий, ежедневно публикуемых на Facebook. Идея в основном исходила от Мэтта Кинга, слепого инженера-программиста, работающего с командой специальных возможностей. Facebook продемонстрировал стремление быть дружелюбной компанией для людей с ограниченными возможностями как в Интернете, так и в реальном мире.

3. Приобретение новых клиентов

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

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

Типы инвалидности и как улучшить доступность для различных нарушений

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

1. Сенсорные нарушения

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

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

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

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

Что касается слепых пользователей, то, хотя они могут не видеть веб-сайт, они его услышат благодаря программам чтения с экрана, таким как JAWS и Window-Eyes для Windows и VoiceOver для Mac. Такие программы читают контент вслух… и читают ВСЕ.

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

Правильно структурируйте свою страницу, используя разные заголовки (только один <h1>, тогда не пропускайте уровни), включайте текстовые описания для каждого изображения, избегайте сложных таблиц и тщательно выбирайте текстовые гиперссылки. Они должны правильно описывать, куда будет вести ссылка: использование простого «нажмите здесь» неэффективно для пользователя программы чтения с экрана, поскольку оно не дает никакой релевантной информации.

2. Двигательные нарушения

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

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

3. Когнитивные нарушения

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

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

Советы по тестированию веб-доступности

1. Следуйте инструкциям

Существуют международные рекомендации по созданию доступных веб-сайтов: Руководство по доступности веб-контента (WCAG). Разработанный в рамках процесса W3C, WCAG (в настоящее время WCAG 2.0) обеспечивает единый общий стандарт доступности веб-контента.

Все документы WCAG, предназначенные в первую очередь для разработчиков, дизайнеров и специалистов по доступности, объясняют, как сделать веб-сайт более доступным, и организованы по четырем принципам: воспринимаемость, работоспособность, понятность и надежность. Этот набор рекомендаций позволяет достичь уровня соответствия (A-минимальный, AA-удовлетворительный или AAA-отличный).

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

2. Проверьте это онлайн или с помощью вспомогательных технологий.

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

3. Пользовательское тестирование

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

Достижение соответствия доступности больше не вариант

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

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

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

• • •

Дальнейшее чтение в блоге Toptal Design:

• UX электронной коммерции — обзор лучших практик (с инфографикой)
• Важность ориентированного на человека дизайна в дизайне продукта
• Лучшие портфолио дизайнеров UX — вдохновляющие тематические исследования и примеры
• Эвристические принципы для мобильных интерфейсов
• Упреждающий дизайн: как создать волшебный пользовательский опыт