Komandin© Blog

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

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

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

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


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

  1. Пользователи, имеющие инвалидность. Эта категория составляет около 8% жителей России.
  2. Пользователи, имеющие нарушение зрения. К ним относится миопия (близорукость), астигматизм, катаракта, дальтонизм.
  3. Пользователи, имеющие нарушение чтения и письма. Самый яркий пример — дислексия. Это расстройство снижает способность распознавать слова при чтении. Данная особенность есть примерно у 20% всего населения Земли.
  4. Пользователи, имеющие нарушение слуха. В России около 14 млн слабослышащих и неслышащих людей.
  5. Пользователи, старше 50 лет. С возрастом значительно ухудшаются зрение и слух, в России данная категория граждан составляет примерно треть от всего населения.
По результатам соц. опросов можно сделать вывод, что половина клиентов, имеющих инвалидность, сменят сервис из-за сложностей в его использовании. То есть, они в прямом смысле уйдут к конкурентам, к тем, кто позаботился о цифровой доступности.

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


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

Повышайте контраст между фоном и текстом/элементами интерфейса.

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

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

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

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

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

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

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

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

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

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

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



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

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



Дополнительные материалы.

«Цифровая доступность»
Автор: Онлайн-журнал Техно