Некоторые утверждают, что невозможно создать интерактивное и одновременно доступное письмо. Если это так, то перед нами встает сложный выбор: сказать подписчикам с ограниченными возможностями: «Извините, это письмо не для вас, пропустите его», или сказать подписчикам без ограничений: «Извините, но все наши письма будут менее увлекательными, без лишнего удовольствия и функциональности?». Это действительно сложное решение.
Не согласившись с идеей выбора, мы стали искать золотую середину — решение, успешно сочетающее доступность и интерактивность. Наша цель заключалась в создании контента, который был бы одновременно универсально доступным и приятным.
Краткая информация о том, почему каждая категория писем важна
Большинство из нас уже знакомы с этими категориями, но давайте вкратце рассмотрим, почему каждая из них так важна.
Доступность писем
Доступность писем обеспечивает их удобное использование всеми, включая людей с ограниченными возможностями. Цель — создать инклюзивный опыт, позволяющий всем адресатам получать доступ к информации, ориентироваться и взаимодействовать без проблем, независимо от их физических возможностей.
Доступность писем важна, потому что важен каждый из получателей рассылок. Это люди (а не просто записи данных или email-адреса), которые получают ваши письма, потому что они взаимодействовали с вашей организацией или подписались на получение информации от нее.
Поговорим о статистике
Из 8 миллиардов человек в мире:
- 2,2 миллиарда имеют проблемы со зрением;
- 300 миллионов — дальтоники;
- 968 миллионов испытывают трудности с двигательным аппаратом;
- 1,6 миллиарда имеют когнитивные нарушения и проблемы с обучаемостью, включая дислексию и светочувствительную эпилепсию.
Не хочу драматизировать, но это 5 миллиардов человек.
человек имеют ту или иную форму недееспособности
Вероятность того, что некоторые из ваших подписчиков попадают в эти категории и получат пользу от доступных писем, довольно высока.
Интерактивность писем
Интерактивность писем позволяет получателям совершать действия прямо в почте, избавляя их от необходимости покидать ее. Сюда входят измерение показателей NPS, геймификация, выставление оценок, заполнение открытых форм, бронирование встреч и многое другое.
Поговорим о статистике
- встроенные интерактивные формы и опросы могут увеличить количество откликов пользователей на 520%;
- геймификация в письмах может повысить ROI на 300%.
Другие преимущества интерактивности
- повышение вовлеченности в письма;
- облегчение сбора данных;
- улучшенный пользовательский опыт;
- дифференциация и узнаваемость бренда;
- повышение конверсии.
Эти статистические данные и преимущества показывают, что невозможно придерживаться только одной из категорий. Так почему же трудно использовать обе одновременно?
Объяснение противоречия между доступностью писем и интерактивностью
Назовем несколько основных из них.
1. Конфликт при кодинге
Баланс между интерактивностью и доступностью писем создает два фундаментальных конфликта в кодинге, особенно затрагивающих людей, использующих программы чтения с экрана:
Интерактивные письма — это хак; они используют код не по назначению, поэтому наш код не будет соответствовать правильным стандартам семантической разметки.
- взлом кода писем для обеспечения интерактивности означает отклонение от установленных стандартов семантической разметки;
- отсутствие поддержки JavaScript в почтовых клиентах.
Чтобы поддерживать интерактивный и доступный контент, почтовые клиенты и ESP должны поддерживать JavaScript, а они его не поддерживают.
2. Конфликты в дизайне
Для людей с нарушениями зрения выполнение таких действий, как клик по маленьким точкам или игра «Найдите отличия» с крошечными элементами, может быть очень сложным, если только эти интерактивные элементы не будут значительно увеличены.
Точно так же нельзя ожидать, что люди с дальтонизмом будут различать цвета, выделяющие правильные ответы, или следовать инструкциям, которые основаны на цветовой дифференциации.
Людям с нарушениями двигательных функций может быть сложно взаимодействовать с мелкими элементами, требующими точных действий, например, кликов или тапов, или с играми, требующими быстрой реакции, например с игрой «Ударь крота».
Кроме того, люди, страдающие светочувствительной эпилепсией, могут испытывать трудности или подвергаться риску при работе с письмами, содержащими вспышки света или быстро меняющиеся визуальные эффекты.
3. Конфликт в аудио
Хотя я никогда не сталкивалась с игрой в письме, в которой использовался бы звук, некоторые рассылки содержат встроенные видеоролики с инструкциями или поздравлениями. Эти видео великолепны, и я с удовольствием смотрю их в письмах; однако без субтитров люди с нарушениями слуха могут не понять ключевых месседжей в этих видеороликах.
Обходные пути и советы по каждому конфликту
Это очевидно: если перед нами когда-нибудь встанет выбор между доступностью и интерактивностью, мы должны отдать предпочтение доступности.
Важно помнить, что интерактивность необязательна, а доступность необходима.
Но давайте поищем способ использовать и то, и другое.
1. Способы устранения конфликта в кодинге
Прежде чем разобраться в этой проблеме, мы обратились к Саре Гальярдо с вопросом: «Существует ли вежливый и тактичный способ сообщить тем, кто пользуется программами чтения с экрана, что они могут просто пропустить игру и перейти непосредственно к контенту, например, к скидкам или анонсам новых продуктов, которые часто являются целью игры?».
Позволить получателям, использующим программы для чтения с экрана, просто пропускать интерактивный контент — идея благородная, но мне она не нравится. «Извините, пользователь с ограниченными возможностями, но ваше законное право на тот же контент не имеет для нас значения, поэтому вы не сможете взаимодействовать с этим письмом», — тут нет вежливого перевода. Просто не существует вежливого способа исключить кого-то.
Несмотря на эти проблемы, цель по-прежнему заключается в том, чтобы найти баланс, при котором интерактивный контент будет интересным и доступным для всех. Это требует переосмысления того, как мы выстраиваем взаимодействие в почте с самого начала.
Эксперт
Есть несколько вещей, которые можно сделать, чтобы улучшить доступность и сделать использование более удобным. Хотя следует уточнить, что речь не идет о том, чтобы сделать взаимодействия доступными, а лишь о том, чтобы сделать их чуть менее недоступными.
Не скрывайте инпуты
Часто можно встретить чекбоксы и радиоинпуты, имеющие значение «display: none». Это скрывает их от глаз, но также означает, что на них нельзя сфокусироваться и кликнуть с клавиатуры.
Добавьте состояние фокуса
После устранения вышеуказанной проблемы можно добавить стили фокусировки на вводимых данных, чтобы получатели знали, где они находятся при перемещении по контенту. Обычно это делается путем добавления стиля «контур» к кликабельному элементу, который управляет состоянием взаимодействия.
Опишите взаимодействие с программами чтения с экрана
Программы чтения с экрана сообщат что-то вроде «отмечена радиокнопка 1 из 4». Когда это используется для чего-то вроде галереи изображений, это не очень информативно. Однако если обернуть интерактивный раздел в «role=»group«» с описательной меткой типа «aria-label=»интерактивная галерея изображений, в которой используются радиокнопки для управления слайдами», это может помочь сообщить получателю, чего ему ожидать.
Онлайн-версия
Наконец, можно создать онлайн-версию письма с использованием JavaScript для обеспечения полной доступности.
2. Устранение конфликтов в дизайне
Я бы лучше назвала это «Советы по оптимизации визуальных эффектов, чтобы сделать письма интерактивными и доступными для людей с нарушениями зрения и моторики».
Для людей со слабым зрением
Помимо советов по оптимизации писем для людей со слабым зрением, мы также рекомендуем вам:
- увеличивать интерактивные элементы: сделайте кнопки, ссылки и другие интерактивные элементы более крупными, чтобы помочь тем, кто может видеть и взаимодействовать с визуальным контентом, но испытывает трудности при работе с мелкими элементами.
Для дальтоников
- дополнить цветовые подсказки другими индикаторами. Используйте символы и текстовые надписи, чтобы обеспечить доступность информации без зависимости от цветовой дифференциации;
- не требовать от получателей дифференциации по цвету, например, просить их собирать зеленые яйца в корзину 1, а красные — в корзину 2. Вместо этого используйте различимые предметы типа яиц и яблок.
Для людей с нарушениями двигательных функций
- увеличивать интерактивные элементы: убедитесь, что все интерактивные элементы достаточно велики, чтобы на них можно было легко кликать и тапать, при этом они должны быть удобны для пользователей с недостаточной ловкостью рук;
- избегать плотного скопления ссылок или кнопок: расположите интерактивные элементы на расстоянии друг от друга, чтобы избежать случайного выбора.
Для людей со светочувствительной эпилепсией:
Помимо советов по оптимизации писем для людей с фотосенситивной эпилепсией, мы также рекомендуем вам:
- исключать мигающие или мерцающие элементы: избегайте дизайна с мигающими лампочками или другими элементами, которые быстро сменяются;
- быть осторожными с анимацией: ограничьте использование анимации — одна на экран — и убедитесь, что она не мигает или не мерцает в рискованном диапазоне частот (3+ вспышек в секунду).
3. Устранение конфликта со звуком
Тут все довольно просто — добавьте субтитры к своим видео или описания под видео.
Важно помнить, что эти советы и обходные пути — лишь первые шаги, демонстрирующие, что письма могут быть как доступными, так и интерактивными. Мы собираемся углубиться в этот вопрос.
В завершение
Благодаря постоянным инновациям и стремлению к инклюзивности мы прокладываем путь к письмам, которые не только функциональны, но и доступны каждому.
Основные выводы:
- доступность и интерактивность не являются взаимоисключающими понятиями: продуманный дизайн и стратегическая реализация позволяют сделать письма одновременно увлекательными и универсально доступными;
- однако успешное сочетание сопряжено с определенными трудностями. Они требуют от нас переосмысления традиционных подходов и постоянного внедрения инноваций.
0 комментариев