Что такое цифровая доступность

Подкаст Люди и код, выпуск № 91: Евгения Полозова

Иллюстрация: Polina Vari / Skillbox Media

Что такое цифровая доступность

Пишет об истории IT, разработке и советской кибернетике. Знает Python, JavaScript и немного C++, но предпочитает писать на русском.

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

Фронтенд-разработчица в VK, Core-команда VKUI. Эксперт Skillbox по фронтенду.

Что такое цифровая доступность

Жизнь можно сделать лучше!Освойте востребованную профессию, зарабатывайте больше и получайте от работы удовольствие.

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

Скринридер и тифлокомментарий

  • Как бы вы объяснили ребенку, что такое цифровая доступность?

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

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

  • На первое место я бы поставила человекоориентированные термины, по-английски people-first language. Мы говорим не инвалид, а человек с инвалидностью, не слепой, а незрячий человек. Это может показаться мелочью, но для большого числа людей с особенностями очень важно, что они прежде всего люди – профессионалы, чьи-то близкие, друзья. А их особенности вторичны. Ну и, конечно, термины в моем рабочем словаре. Скринридер – программа, встроенная во многие популярные операционные системы. Она озвучивает все, что происходит на экране. Для незрячего человека интерфейс – это последовательное произнесение расположенных на нем элементов и подсказки, как можно нажать кнопку или раскрыть меню, описание иллюстраций или видео.

Родитель с ребенком на руках – фактически однорукий

Что такое цифровая доступность

  • Почему лучше говорить цифровая доступность, а не цифровая инклюзия?

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

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

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

Можно с закрытыми глазами скачать любое приложение

– Какие новые инструменты цифровой доступности и сервисы вы внедрили в VK?

– Какие еще компании, на ваш взгляд, дальше всего продвинулись на пути к цифровой инклюзии?

– Уже много лет повышением цифровой доступности занимается Сбер. В частности, он перевел на русский жестовый язык свою недавнюю конференцию по искусственному интеллекту. Наш VK Fest также переводился. Большие шаги в этом направлении делает Яндекс, в прошлом году компания заявила о цифровой доступности 10 своих продуктов и также перевела на жестовый язык концерт Леонида Агутина. Сайт Госуслуги в 2024 году будет активно работать в этом направлении. Большую работу проводит портал mos.ru.

Мы в VK хотим задать тренд, чтобы индустрия развивалась, чтобы и Ozon, и Wildberries, и другие сервисы стали еще доступнее. Конечно, это вопрос не одного года, но видим, что и как нужно сделать, и чувствуем большую эмоциональную отдачу и готовность коллег. Наша задача – вдохновить и подсказать.

Три чипа, вживленные в руку

Что такое цифровая доступность

– У вас в команде есть сотрудники с ограниченными возможностями. Как они помогают создавать и тестировать продукты для цифровой доступности?

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

Важность цифровой доступности: опыт компании ВК

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

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

Профессиональные возможности важнее

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

  • По вашему опыту, часто ли у людей с инвалидностью бывают суперспособности?

  • Да, это не редкость. Например, наш незрячий сотрудник Артем Плаксин – непревзойденный эксперт по невизуальной доступности. Мы всегда согласовываем с ним тексты – он отлично замечает опечатки, так как очень внимательно слушает скринридер.

Тестирование и улучшение доступности

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

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

Если нужно большое количество экспертов, обращаемся к волонтерам, сообществам. Дружим, например, с командой Дома культуры ГЭС-2, театром Недослов и социальным проектом Everland, которые превосходно разбираются в доступности.

Важность конференции VK Инклюзия‘23

Как родился замысел конференции VK Инклюзия‘23?

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

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

  • Какое главное открытие в области цифровой доступности вы сделали благодаря конференции?

Богатый и могучий русский жестовый язык

– Как родился замысел конференции VK Инклюзия‘23?

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

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

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

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

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

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

Что такое стандарты цифровой доступности

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

Минцифры работает над тем, чтобы как можно больше целевых сервисов становились доступными для разной аудитории. В VK пользуются ГОСТом, он учитывает стандарты цифровой доступности. Есть еще WCAG — международный стандарт. Внутренний стандарт для работы в VK создан на основе этих двух документов. Частично он реализован в форме чек-листа.

Коллажи Татьяны СОКОЛОВОЙ

Что такое цифровая доступность

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

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

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

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

Уровни доступности

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

Идеальный уровень

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

Специальный уровень

Специализированная поддержка. Чаще всего применяется для специализированных интерфейсов. Например, для государственных структур

ПРИНЦИПА ДОСТУПНОСТИ

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

На этих принципах основано международное руководство цифровой доступности — WCAG (Web Content Accessibility Guidelines)

Человек и восприятие мира

Человек может увидеть и прочитать «доступность»

Человек может почувствовать «доступность» кончиками пальцев на дисплее Брайля

Человек может услышать «доступность»

Вспомогательные технологии

Вспомогательные технологии — это устройства или приложения, которые помогают человеку легче управлять интерфейсами и техникой

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

21 декабря 2023

Базовые принципы цифровой доступности и как ее внедрить в ваш бизнес.

Что такое цифровая доступность

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

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

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

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

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

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

Преимущества цифровой доступности для бизнеса

По данным последних исследований Росстата, инвалидность есть у 8% жителей России. При этом у 80% эта инвалидность приобретенная, а не врожденная.

8% жителей России с инвалидностью — это примерно 11,5 млн человек. Во всем мире людей с ограниченными возможностями, соответственно, еще больше. Это огромный платежеспособный сегмент аудитории, который часто игнорируется предпринимателями. Forbes приводит следующую статистику:

Что такое цифровая доступность

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

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

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

Как сделать сайт доступным для слабовидящих людей

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

Контрастность и цветовое оформление

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

Размер и тип шрифта

Шрифты без засечек (например, Arial или Helvetica) и шрифты с открытыми формами (например, Tahoma) лучше читаются. Размер текста должен быть достаточным для чтения, а также должна быть предусмотрена возможность его масштабирования без потери качества контента.

Что такое цифровая доступность

Навигация и структура сайта

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

Взаимодействие с клавиатурой

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

Адаптивный дизайн

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

Тестирование

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

Оцените преимущества омниканальной коммуникации с Umnico прямо сейчас Бесплатная регистрация

Как сделать сайт доступнее для слабослышащих людей

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

Что такое цифровая доступность

Предоставление текстовых альтернатив для аудиоконтента

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

Использование видео с субтитрами и жестовым языком

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

Оптимизация визуальных оповещений

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

Разнообразие каналов коммуникации с клиентами

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

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

Законодательство о цифровой доступности

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

В Европейском Союзе действует Директива ЕС о доступности веб-сайтов и мобильных приложений (Directive 2016/2102), которая требует, чтобы все государственные организации делали свои веб-сайты и мобильные приложения доступными для людей с инвалидностью. Это касается всех аспектов цифрового контента, включая текст, изображения, звук и видео.

В Соединенных Штатах ключевым нормативным актом является Раздел 508 Закона о реабилитации (Rehabilitation Act), который требует от федеральных учреждений делать их электронные и информационные технологии доступными для людей с инвалидностью. Закон о доступности веб-контента (Web Accessibility Initiative — WAI) и Руководства по доступности веб-контента (Web Content Accessibility Guidelines — WCAG) предоставляют технические стандарты и рекомендации для создания доступного веб-контента.

Что такое цифровая доступность

В России недопустимость дискриминации по признаку инвалидности регулирует № 181-ФЗ, статья 3.1. Отдельный закон регулирует доступность органов власти, в том числе их цифровых площадок. После внесения поправок в закон «о СМИ» все телеканалы обязаны сопровождать субтитрами не 5% контента.

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

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

Как протестировать доступность сайтов и приложений

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

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

Что в итоге

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

В Bang Bang Education запустился открытый курс по цифровой доступности интерфейсов, разработанный совместно с МТС. В создании программы помогал дизайнер и продакт-оунер МТС, бывший студент годовой программы BBE по UX/UI и друг школы Илья Ковалев.

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

Дисклеймер: в конце статьи вас ждет интересный и полезный факт.

Что такое цифровая доступность

Первый шаг — основать направление цифровой доступности

В МТС существует проект «МТС. Нас касается», который развивает благотворительность, внедряя инструменты фандрайзинга в экосистему МТС. У проекта есть и медийная составляющая. Мы рассказываем о различных социальных проблемах: сиротстве, паллиативной медицине, одинокой старости. Одна из тем, про которую мы говорим, — инвалидность.

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

Что такое цифровая доступность

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

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

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

Что такое цифровая доступность

Что такое цифровая доступность

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

Что такое цифровая доступность

Что такое цифровая доступность

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

Что такое цифровая доступность

Что такое цифровая доступность

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

Что такое цифровая доступность

Что такое цифровая доступность

Профессия «UX/UI-дизайнер»

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

Стать UX/UI-дизайнером ✨

Второй шаг — образовательный курс

Следующим шагом стала разработка курса по цифровой доступности. Мы сразу решили, что курс должен быть бесплатным и полностью доступным всем, потому что это социальный проект: наша главная цель — сделать так, чтобы как можно больше людей применяли практики доступности в своей работе. Наша команда сразу подумала о партнерстве с Bang Bang Education — хотелось совместить опыт и возможности МТС с атмосферой и комьюнити BBE.

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

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

Что такое цифровая доступность

Я думаю, что без методистов и методисток Bang Bang Education мы бы вряд ли справились с разработкой образовательного продукта. Очень помогли социальные связи — благодаря команде и комьюнити Bang Bang Education я знаком с людьми, которые могут реализовать такой продукт.

Итог — сделать цифровую доступность реальностью

Нельзя просто сделать сайты, гайды, курсы и ожидать, что по щелчку пальцев все продукты в компании станут инклюзивными — особенно в корпорации. Скорее всего тебе скажут: «Вы делаете классные и нужные штуки. Но, чувак, у нас большой бэклог, у нас ограниченные ресурсы. Извини, давай синканемся когда-нибудь в другой раз?» Поэтому сейчас мы работаем пулами.

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

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

Что такое цифровая доступность

Что такое цифровая доступность

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

Гайд по созданию детских цифровых продуктов

Вместе с экспертом по детским приложениям Людой Сеньшовой собрали главные принципы детского UX

Что такое цифровая доступность

Убедить индустрию

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

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

Что такое цифровая доступность

Что такое цифровая доступность

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

Что такое цифровая доступность

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

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

Тот самый факт, который мы обещали в начале

В сленге диджитал-специалистов цифровая доступность часто обозначается нумеронимом a11y. Это — сокращение слова Accessibility (англ. «доступность»). 11 же обозначает количество символов, которые стоят между первой и последней буквой этого слова.

В благодарность за то, что вы дошли до самого конца, дарим промокод A11Y — он даст вам скидку 11% на все программы школы. Осваивайте дизайн и технологии и реализуйте цифровую доступность — а Bang Bang Education поможет.

Цифровая доступность.

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

Концепция цифровой доступности заключается в#nbsp;следующем: сайты, мобильные приложения и#nbsp;программное обеспечение должны создаваться с#nbsp;учётом людей, которые имеют сложности в#nbsp;восприятии информации.

Развитие данного направления в#nbsp;дизайне важно не#nbsp;только для#nbsp;пользователей, но#nbsp;и#nbsp;для бизнеса. Если владельцы бизнеса не#nbsp;хотят потерять часть аудитории, необходимо внедрять цифровую доступность на#nbsp;стадии разработки сайта.

Так кому же нужна цифровая доступность? Давайте углубимся в исследования Росстата и посмотрим на реальные цифры.

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

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

Как сделать дизайн более доступным?

Минимальное значение контраста 4,5 к#nbsp;1 согласно WZC. В#nbsp;Figma есть удобный плагин Use contrast, который поможет с#nbsp;определением коэффициента контраста.

Добавляйте текстуры и текстовые метки.

Информацию в#nbsp;графиках и#nbsp;диаграммах не#nbsp;следует представлять только с#nbsp;использованием разных цветов. Добавьте текстуру или текст, чтобы пользователь с#nbsp;цветовой слепотой смог увидеть всё, что ему следует. Color Oracle#nbsp;— бесплатный симулятор дальтонизма для#nbsp;Windows, Mac и#nbsp;Linux.

Выделяйте активные элементы, с которыми пользователь может взаимодействовать.

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

Упрощайте формы для сбора данных.

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

Добавляйте текстового описания для изображений (alt-теги).

Если визуальный контент важен, его нужно подписывать или добавлять alt-теги (альтернативный текст). Это необходимо для#nbsp;тех пользователей, которые используют программы звукового зрения, зачитывающие содержание страниц сайта.

Размечайте заголовки тегами H1, H2 и т.п. в настройках SEO.

Это важно для#nbsp;поисковых систем и#nbsp;всё тех#nbsp;же программ звукового зрения. Не#nbsp;забывайте, что тег H1 выполняет роль основного заголовка и#nbsp;рекомендуется, чтобы он#nbsp;был единственным на#nbsp;странице.

Цифровая доступность#nbsp;— важный инструмент для#nbsp;привлечения новых пользователей и#nbsp;повышения лояльности аудитории по#nbsp;отношению к#nbsp;бизнесу. Доступный дизайн расширит аудиторию пользователей/клиентов и#nbsp;покажет важность этой аудитории для#nbsp;вас.

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

Понравилась статья? Поделиться с друзьями:
ТВОЙ ВК
Добавить комментарий