Цифровая доступность позволяет людям с#nbsp;ограниченными возможностями пользоваться сайтами и#nbsp;мобильными приложениями. Ограничения могут проявляться в#nbsp;нарушениях слуха, зрения, двигательных или когнитивных функций.
Концепция цифровой доступности заключается в#nbsp;следующем: сайты, мобильные приложения и#nbsp;программное обеспечение должны создаваться с#nbsp;учётом людей, которые имеют сложности в#nbsp;восприятии информации.
Развитие данного направления в#nbsp;дизайне важно не#nbsp;только для#nbsp;пользователей, но#nbsp;и#nbsp;для бизнеса. Если владельцы бизнеса не#nbsp;хотят потерять часть аудитории, необходимо внедрять цифровую доступность на#nbsp;стадии разработки сайта.
Так кому же нужна цифровая доступность? Давайте углубимся в исследования Росстата и посмотрим на реальные цифры.
Пользователи, имеющие инвалидность. Эта категория составляет около 8% жителей России.
Пользователи, имеющие нарушение зрения. К#nbsp;ним относится миопия (близорукость), астигматизм, катаракта, дальтонизм.
Пользователи, имеющие нарушение чтения и#nbsp;письма. Самый яркий пример#nbsp;— дислексия. Это расстройство снижает способность распознавать слова при чтении. Данная особенность есть примерно у#nbsp;20% всего населения Земли.
Пользователи, имеющие нарушение слуха. В#nbsp;России около 14 млн слабослышащих и#nbsp;неслышащих людей.
Пользователи, старше 50 лет. С#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;ограниченной подвижностью.
Добавляйте текстового описания для изображений (alt-теги).
Если визуальный контент важен, его нужно подписывать или добавлять alt-теги (альтернативный текст). Это необходимо для#nbsp;тех пользователей, которые используют программы звукового зрения, зачитывающие содержание страниц сайта.
Размечайте заголовки тегами H1, H2 и т.п. в настройках SEO.
Это важно для#nbsp;поисковых систем и#nbsp;всё тех#nbsp;же программ звукового зрения. Не#nbsp;забывайте, что тег H1 выполняет роль основного заголовка и#nbsp;рекомендуется, чтобы он#nbsp;был единственным на#nbsp;странице.