Как улучшить доступность сайтов и мобильных приложений
@astractПри создании любого сервиса важно думать не только, как обычные пользователи будут использовать ваш продукт, но и как им будут пользоваться люди с нарушением зрения.
Автор двух полезных статей по этой теме сделал обзор популярных мобильных приложений с точки зрения их доступности. Дал свои рекомендации по улучшению доступности сайтов и мобильных приложений.
Несколько основных тезисов из этих статей.
Люди с нарушением зрения используют скринридеры. Скринридер - приложение, которое озвучивает любое действие, любую отображаемую информацию на экране. На Apple девайсах - Voice Over. На Android - TalkBack. Если я сам ничего не путаю.
О доступности мобильных приложений
Автор рассказывает, что при разработке приложений обычно используются два метода отображения информации. Первый - когда информация отображается средствами окружения в котором выполняется программа. Второй - вывод информации выполняется собственными средствами программы. Второй метод популярней у разработчиков, но с ним возникают проблемы у скринридеров, вызывая проблемы с доступностью.
Например Telegram для iOS. Он плохо оптимизирован для людей с проблемами зрения. VoiceOver не озвучивает сообщения в чате. Я проверил лично - это правда.
Хорошо себя показывает при работе со скринридерами корейский мессенджер - KakaoTalk. Программа сама направляет в скринридеры информацию, которая недоступна стандартными способами.
Подробнее о мобильных приложениях в статье - https://habrahabr.ru/post/334982/
О доступности сайтов
В статье про сайты, автор рассказывает, что скринридеры хорошо понимают почти все html теги, но и их можно оптимизировать и повысить доступность сайта. В статье он делится советами как это сделать.
Так же он рассказывает, что стоит избегать, чтобы не усложнять доступность сайта. У пользователей с нарушением зрения, часто возникает проблема при работе с обновляемыми по мере ввода формами, и формами в диалоговых окнах.
По поводу создания специальной версии сайта или хорошо оптимизированной в плане доступности страницы. Автор считает, что лучше сделать отдельную версию сайта, а ссылку на переход к ней лучше разместить в начале разметки со слабо заметным оформлением. Скринридер заметит, а обычного пользователя она не будет напрягать и отвлекать.
Создавая продукт или сервис, думайте обо всех типах пользователей, проверяйте насколько хорошо доступно ваше приложений или сайт для людей с нарушением зрения. Для проверки, просто закройте глаза, наденьте наушники и включите скринридер. Попробуйте использовать ваш сайт или приложение и вы быстро обнаружите существующие проблемы.
Подробнее о доступности сайтов - https://habrahabr.ru/post/335442/
В завершении поста. Большой справочник, как повысить доступность веб приложений - https://www.w3.org/TR/wai-aria-practices-1.1/
Рекомендую добавить его в закладки.