Цифровая инклюзия украинского бизнеса — как внедрить ее в свои продукты

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

Этот момент изменил не только Netflix. Он показал, что игнорирование доступности означает исключение миллионов людей. А в подключенном мире исключение обходится дорого — как для пользователей, так и для бизнеса.

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

А как насчет цифровой доступности в Украине?

За каждым доступным сайтом, приложением или цифровым сервисом стоит один базовый стандарт — Рекомендации по обеспечению доступности веб-контента (WCAG), созданные Консорциумом Всемирной паутины (W3C). WCAG предоставляет компаниям четкую основу для создания цифровых продуктов, доступных всем пользователям.

В странах ЕС цифровая доступность регулируется Европейским актом о доступности, который вступил в силу с июня этого года. Он обязывает бизнес придерживаться единых стандартов доступности. В США это закон ADA. Нарушение этих норм WCAG влечет за собой штрафные санкции. В Украине нет отдельного закона о доступности Интернета.

Но требования вытекают из Закона Украины «Об основах предотвращения и противодействия дискриминации в Украине». Он обязывает компании обеспечивать доступность услуг для людей с ограниченными возможностями. Требования распространяются на:

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

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

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

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

Цифровая доступность: с чего начать

На первый взгляд WCAG может показаться громоздким с сотнями критериев, но в его основе лежат четыре простых принципа, известных как POUR:

Воспринимаемость: информация должна быть воспринимаемой. Субтитры помогут, если вы не слышите; альтернативный текст — если вы его не видите. Никаких догадок, никаких отходов.

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

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

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

По данным Института системных наук IBM, исправление проблем доступности после запуска продукта может стоить в 10–100 раз дороже, чем на этапе проектирования. Например, написание альтернативного текста занимает секунды, но его отсутствие после публикации становится дорогостоящей проблемой. Поэтому стоит начать с аудита доступности:

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

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

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

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

Как сделать бизнес доступным — и почему стоит начать прямо сейчас

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

Дизайн

Придерживайтесь минимального цветового контраста (4,5:1 для текста, 3:1 для значков).

Не используйте цвет только для передачи смысла.

Используйте настоящий текст, а не изображения с текстом.

Сохраняйте единообразие навигации и макета на всех страницах.

Сенсорные элементы должны быть размером не менее 24×24 пикселей с достаточным отступом.

разработка

Обеспечьте полную навигацию с помощью клавиатуры без ловушек.

Добавьте понятный и описательный альтернативный текст ко всем нетекстовым элементам.

Следуйте логическому порядку заголовков (от H1 до H6).

Сделайте индикаторы фокусировки видимыми и легко видимыми.

Используйте семантический HTML, применяйте атрибуты ARIA только при необходимости.

Добавляйте текстовые сообщения об ошибках с объяснением, как их исправить.

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

Используйте автоматизированные инструменты, такие как Lighthouse, ARC Toolkit, Stark или WAVE.

Выполните тестирование вручную с помощью клавиатуры и программ чтения с экрана, таких как NVDA, VoiceOver или TalkBack.

Создавайте и обслуживайте отчеты о доступности с помощью инструмента отчетов W3C WCAG-EM.

Инклюзивность как стратегия роста

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

Бизнес-результат также очевиден: когда Tesco улучшила доступность своего интернет-магазина, инвестиции в размере 35 000 фунтов стерлингов принесли дополнительную прибыль в размере 13 миллионов фунтов стерлингов в год.

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