Как сделать приложение доступным и удобным

Учитывать потребности и возможности пользователей с нарушениями зрения, слуха и моторики или с когнитивными проблемами — значит не только заботиться о них, но и соблюдать нормы закона № 419-ФЗ. Он требует обеспечивать беспрепятственный доступ людей с инвалидностью к услугам во всех сферах жизнедеятельности.

Адаптация для людей сограниченными возможностями здоровьяАдаптация для людей с ограниченными возможностями здоровья

Зачем нужно. Такая доступность помогает людям с ограниченными возможностями жить более полной и комфортной жизнью. Например, заказывать такси в Яндекс Go без посторонней помощи. Или отправлять посылки.

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

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

Вот четыре наиболее распространённые технологии, которые используют для адаптации IOS-приложений:

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

• Switch Control работает примерно так же, как и VoiceOver, только он создан не для незрячих пользователей, а для тех, кто физически не может коснуться экрана в любой его части. Он перемещает фокус по элементам экрана и, когда пользователь нажимает на кнопку, выбирает этот элемент.

• Dynamic Type позволяет увеличить размер шрифта на экране во всей системе.

• Voice Control позволяет управлять девайсом с помощью голоса. Здесь есть три вида управления: переход к объекту по его порядковому номеру, по его названию или по номеру ячейки сетки, наложенной на экран.

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

ИнтернационализацияИнтернационализация

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

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

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

• Направление интерфейса. Например, в иврите и арабском запись идёт справа налево. Соответственно, все элементы тоже должны меняться местами.

• Форматы записи данных. В языках по-разному записываются даты, имена, оформляются списки.

• Единицы измерения. Температура может быть по Фаренгейту, а не по Цельсию, вместо километров могут использоваться мили.

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

Тёмная темаТёмная тема

Зачем нужно. Это позволяет комфортно использовать приложение в темноте. Например, ночью в машине приятнее читать светлые буквы на тёмном фоне, чем чёрный текст на белом.

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

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

Что ещё посмотреть ипочитать потемеЧто ещё посмотреть и почитать по теме

• «Доступность и инклюзия» — лекция Валерии Курмак и Анатолия Попко в Школе менеджеров Яндекса.

• «Приложение для всех: доступность, интернационализация, тёмная тема» — лекция Алексея Агеева, iOS-разработчика Яндекс Go.

• «Как сделать доступными приложения в Android» — лекция Виктора Вихрова, руководителя подгруппы Android-разработки Яндекс Go, в Школе мобильной разработки.

• «Как мы учимся адаптировать Яндекс Go для незрячих пользователей: ожидания, суровая реальность, чек-лист разработчика» — статья Николая Морева, iOS-разработчика Яндекс Go.