Специальные возможности для приложений: рекомендации, примеры и передовой опыт того, как заботиться о пользователе

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

Почему важна мобильная доступность?

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

Сочувствие

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

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

Конкурентное преимущество

По статистике каждый четвертый американец живет с инвалидностью. Сделав ваше решение инклюзивным, вы охватите дополнительно 61 миллион пользователей, что расширит охват пользователей вашего приложения.

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

Доступность мобильного телефона также снижает эксплуатационные расходы вашего бизнеса. Голландский SNS Bank сократил количество звонков в колл-центр и связанные с этим расходы более чем на 15%. Экономия связана с изменениями доступности мобильного Интернета, которые банк сделал ранее.

Доступность делает технологии лучше для всех

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

Соответствие стандартам и правилам

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

Закон ADA также работает вместе с Руководством по доступности веб-контента (WCAG), которое документирует единый общий стандарт доступности веб-контента. Текущая версия WCAG — 2.1, а исправленная версия запланирована на сентябрь 2022 года.

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

Улучшенный имидж бренда

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

Как обеспечить доступность мобильного приложения?

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

Имейте в виду, что каждый принцип включает три уровня соответствия, где А — минимальный уровень, а ААА — полное соответствие. Большинство организаций стремятся получить AA как золотую середину.

Воспринимаемый

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

В чем здесь может быть проблема?

• Нет текстовых альтернатив

Некоторые решения могут не предлагать текстовые альтернативы нетекстовому содержимому, отображаемому на экране, будь то элементы управления или изображения, таким образом, чтобы это воспринималось программой чтения с экрана. Это по своей сути делает приложение нечитаемым для TalkBack или VoiceOver, которые являются программами чтения с экрана по умолчанию на Android и iOS соответственно.

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

• Нет адаптивности

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

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

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

• Нет отличительных черт

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

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

Действующий

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

В чем здесь может быть проблема?

• Нехватка времени

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

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

• Мигающий контент

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

• Навигация

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

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

Tastemade, например, является отличным примером полноэкранной навигации в действии, в то время как пример справа принес в жертву гладкий дизайн.

понятно

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

В чем здесь может быть проблема?

• Предсказуемость

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

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

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

• Помощь при вводе

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

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

• Предотвращение ошибок

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

Обратимая отправка, подтверждение заказа, удаление записи или отмена отправки сообщения — вот некоторые примеры мер безопасности, которые удержат пользователей от ошибок.

Крепкий

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

В чем здесь может быть проблема?

• Плохое кодирование

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

Может ли кроссплатформенная разработка обеспечить надлежащий уровень доступности?

Кроссплатформенная разработка — это швейцарский армейский нож, который ускоряет время выхода на рынок и убивает две платформы с помощью одного кода. Однако потенциал доступности кроссплатформенной разработки отстает от нативных приложений. Таким образом, кроссплатформенные технологии — это компромисс между доступностью и снижением затрат, который все еще может гарантировать хотя бы базовый уровень мобильной доступности на Android и iOS.

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

Но имейте в виду, что мобильная доступность — это коллективный результат всей вашей команды разработчиков, включая разработчиков Flutter. В то время как дизайнеры UX / UI занимаются созданием инклюзивных интерфейсов, специалисты по контролю качества следят за тем, чтобы ваша окончательная версия приложения прошла тестирование на доступность.

Нет необходимости выбирать между доступностью и дизайном

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

Статья изначально опубликована здесь