Интернет стал неотъемлемой частью нашей жизни ещё в конце нулевых, а сейчас и вовсе сложно представить, что в современном мире кто-то может испытывать трудности с доступом к приложениям и цифровому контенту. Тем не менее, такие проблемы вполне реальны, и с ними сталкиваются люди с ограниченными возможностями в области зрения, слуха или двигательного аппарата. К счастью, многие мобильные продукты сейчас разрабатываются в соответствии с принципами доступности (accessibility guidelines), но остаётся и немало недоработанных приложений, которые едва ли пригодны для аудитории с особенными потребностями. Тем временем, их можно легко сделать более удобными с помощью правильного UX, и в этой статье мы собрали несколько наиболее популярных способов.
- Настройка шрифта
Самый простой способ сделать текст на экране более читабельным - дать пользователям возможность настраивать шрифты в соответствии со своими потребностями. Размер шрифта в приложении по умолчанию должен составлять 12-16px - так рекомендуется в большинстве руководств, а дополнительно должна присутствовать возможность его увеличения. Еще одна отличная идея - сделать несколько дизайнов шрифта на выбор. Существуют “легкие” и “тяжелые” шрифты - “легкие” более тонкие и визуально стильные, но людям с нарушениями зрения их некомфортно читать, а вот толстые “тяжелые” шрифты обеспечат им гораздо более приятный пользовательский опыт.
- Настройка цветов/контрастности
Еще один фактор, который усложняет навигацию по приложению слабовидящим людям - это мягкие цвета, которые формируют палитру многих современных мобильных продуктов. Поэтому необходимо либо всегда поддерживать контраст между фоновым цветом экрана и его элементами (включая текст), либо сделать опцию усиления контраста вручную. Одним из популярных примеров такой опции является параметр темной/светлой темы, который позволяет сделать светлый текст на темном фоне (и наоборот).
- Голосовые функции
Возможность использовать мобильные приложения с помощью голоса - единственный вариант для многих людей с разными видами ограниченных возможностей. Большинство современных смартфонов имеют встроенные функции голосового управления, но наличие таких функций в самом продукте - отдельный большой плюс. Например, если в приложении есть много длинных фрагментов текста, можно интегрировать в него инструмент голосового прочтения с экрана. Еще одна востребованная функция - голосовой помощник, который направляет пользователя по продукту с помощью голосовых подсказок.
- Альтернативные тексты
Альтернативные тексты - это тексты, которые сопровождают любые нетекстовые элементы для пользователей, испытывающих трудности с их визуальным восприятием. Например, к ним относятся описания изображений, диаграмм, анимаций и прочих фрагментов контента. Альтернативные тексты могут быть прочитаны упомянутыми выше инструментами чтения с экрана, что позволяет людям с ограниченными возможностями получить всю нужную информацию. Кроме того, такие тексты полезны для продукта в целом - например, когда графические элементы не загружаются должным образом (плохое интернет-соединение и т. д.).
- Масштабирование экрана
В некоторых случаях увеличения шрифта недостаточно, так как пользователям может быть трудно визуально воспринимать и другие элементы на экране. Поэтому помимо настройки размера шрифта можно включить в приложение возможность масштабирования экрана со всеми его элементами. Это обеспечит гораздо большую доступность для людей с нарушениями зрения и снизит количество ошибок при выполнении любых действий в приложении.
- Корректный адаптивный дизайн
Плохо реализованный адаптивный дизайн может сильно ударить по доступности продукта для пользователей с ограниченными возможностями. Например, если при использовании приложения на каком-либо девайсе меняется порядок элементов на экране или контент “разбрасывается” в разные стороны, пользователям может быть очень сложно найти знакомые элементы и полноценно использовать продукт. Поэтому качественный UX подразумевает серьезную работу над адаптивным дизайном, чтобы архитектура элементов не нарушалась при использовании продукта на любом устройстве и в любом доступном виде.
- Предупреждения о мерцающем контенте
Любой ярко анимированный контент может быть потенциально опасен для пользователей с определенными физическими, когнитивными или психическими расстройствами. Поэтому важно предварять такой контент предупреждающими надписями или даже полностью избегать его, если он может быть реализован в другом виде. Если в приложении много ярких анимаций, стоит добавить возможность отключить их или отображать статичные альтернативы (например, отображать гифки как картинки).