Цифровая доступность для маркетологов, часть 3: электронная почта, социальный контент и SEO
Опубликовано: 2022-08-04Работа маркетолога — это больше, чем просто поддержание удобного веб-сайта. Специалисты по маркетингу также используют различные стратегии и каналы для получения трафика на сайт. Неважно, есть ли у вас самый удивительный сайт на планете — если его никто не посещает, вы можете также иметь один из тех сайтов Angelfire примерно 1997 года (помните их?), несмотря ни на что.
Эта серия из трех статей предназначена для того, чтобы познакомить вас с некоторыми основополагающими практиками, которые вы можете начать применять немедленно, чтобы сделать ваш цифровой контент более доступным.
Наш предыдущий пост о цифровой доступности для взаимодействия с пользователем и веб-сайтов посвящен особенностям и методам веб-маркетинга; этот пост будет посвящен внешним каналам и носителям, а также тому, как их тестировать, начиная с электронной почты. Вы также можете ознакомиться с первой частью этой серии, состоящей из трех частей, для обзора проблем доступности.
Доступная электронная почта
Электронный маркетинг — один из самых важных инструментов в наборе инструментов маркетолога. Компании используют электронную почту для транзакционных (обдумывание, подтверждение заказов) и рекламных целей, а также для поддержки клиентов. Сегодня вам будет трудно найти компанию, разбирающуюся в цифровых технологиях, которая не использует свои многочисленные преимущества.
Тем не менее, хотя практически все организации используют электронную почту для общения с покупателями, клиентами и потенциальными клиентами, не все из них обеспечивают доступ к отправляемым электронным письмам.
HTML по сравнению с текстовыми сообщениями
Если ваша компания рассылает электронные письма в виде простого текста, скорее всего, они доступны. Если текст вашей ссылки не является описательным (см. предыдущий пост для получения дополнительной информации об этом), человеку с ограниченными возможностями может быть немного сложнее понять суть сообщения, это не непреодолимый барьер.
Проблема в том, что большинство маркетологов любят электронные письма в формате HTML. А что не любить? Вы можете стилизовать их, чтобы они соответствовали вашему бренду, наполнить их великолепными изображениями и привлекательными GIF-файлами, а также создать более привлекательное электронное письмо, чем то, что вы могли бы достичь с обычным текстовым электронным письмом. Кроме того, теперь, когда сторонние файлы cookie уходят в прошлое, электронная почта быстро возрождается как большая тенденция цифрового маркетинга.
Дело не в этом. Проблема в том, что когда вы начинаете украшать свои электронные письма и не принимаете во внимание доступность, некоторые пользователи могут не получить полного понимания (или, в худшем случае, не понять ничего из этого).
Электронные письма в формате HTML похожи на веб-страницы в том смысле, что они используют теги заголовков и изображений, а также стили для отображения на платформе электронной почты. Электронные письма с открытым текстом — это просто текст. Чтобы электронные письма в формате HTML были доступны, вам необходимо следовать тем же правилам, что и для веб-сайтов.
Проблема с табличными макетами
Большинство электронных писем в формате HTML структурированы с использованием табличных тегов, потому что они обеспечивают наиболее согласованный вид электронных писем, просматриваемых в нескольких почтовых клиентах. Но на самом деле тег table не предназначался для использования таким образом; как и многие другие методы веб-дизайна, веб-дизайнеры использовали их в своих целях. Однако это создает проблему для пользователей программ чтения с экрана, поскольку программа чтения с экрана по-прежнему будет считывать содержимое внутри таблиц как отдельные ячейки, создавая разрозненный пользовательский интерфейс.
Однако вы можете обойти это, добавив небольшой фрагмент кода в свой HTML. Просто добавьте role="presentation" , чтобы предупредить этих пользователей о том, что это таблицы презентаций, а не таблицы данных.
Роль презентации скрывает структуру таблицы от средств чтения с экрана, оставляя содержимое внутри таблицы нетронутым. Для пользователя программы чтения с экрана это будет выглядеть так, как если бы таблицы не было с самого начала.
Не скупитесь на свои теги
Тот факт, что вы создаете электронное письмо, не означает, что правила для упорядоченного кода исчезают. Убедитесь, что ваши заголовки используются правильно (например, используйте H1 для заголовка, H2/H3 для подзаголовков и т. д.), чтобы каждый, независимо от своих визуальных способностей, мог понять суть вашего контента в логическом чтении. заказ. Воспользуйтесь преимуществами тегов заголовков и здесь, чтобы обеспечить дополнительный контекст.
Альтернативный текст здесь тоже имеет значение!
Если ваш почтовый клиент требует, чтобы пользователь щелкал мышью для загрузки изображений, вы могли столкнуться со следующим: вы открываете электронное письмо с большим количеством пустых квадратов и только фрагментами текста, объясняющими, что происходит. Как только вы нажмете «Загрузить изображения» и появятся визуальные эффекты, кусочки головоломки встанут на свои места, но до этого момента вы совершенно запутались.
К сожалению, это будет ежедневным (или ежечасным) опытом для пользователей программ чтения с экрана, если маркетологи пренебрегают включением замещающего текста для визуальных эффектов. Так что сделайте им одолжение и включите его для изображений по электронной почте. Для декоративных изображений используйте пустой атрибут alt.
Лучшие практики мобильной доступности
Поскольку люди все чаще читают свою электронную почту на своих мобильных устройствах, становится все более важным разрабатывать дизайн с учетом этого соображения. Удобно, что рекомендации по улучшению мобильного опыта совпадают с доступностью. Например:
- Старайтесь, чтобы ваш текст был размером больше 14 пикселей — если люди не могут прочитать ваше сообщение на мобильном телефоне, они вообще его не прочтут.
- Сохраняйте цветовой контраст в соответствии с принятыми рекомендациями, чтобы людям с любым зрением было проще воспринимать ваш контент.
- Избегайте выравнивания абзацев по центру (намного труднее читать, особенно на маленьком устройстве).
- Сделайте текст ссылки информативным и коротким
Инклюзивный мультимедийный опыт
Мультимедиа, такие как видео и подкасты, являются отличными активами для маркетологов, которые помогают повысить узнаваемость бренда, вызвать интерес к продукту и установить связь со своей целевой аудиторией. Хорошая новость заключается в том, что а) сделать такой контент доступным довольно легко, и б) когда вы сделаете его доступным, это может улучшить опыт для всех.
Доступные видео
Слабовидящий человек не сможет полностью увидеть, что происходит на экране, а человек с проблемами слуха не сможет услышать диалог. Вы можете добавить подписи для глухих или слабослышащих зрителей. YouTube будет автоматически генерировать субтитры, но они не самого лучшего качества — обычно лучше потратиться на службу субтитров, если это длинное видео, или вручную исправить автоматически сгенерированные субтитры, если оно короткое. Одним из приятных преимуществ субтитров является то, что они могут помочь людям, которые прекрасно видят. Вы когда-нибудь были в зале ожидания или в аэропорту и хотели бы услышать, что говорят люди по выключенному телевизору? Или, может быть, друг публикует в социальных сетях видео, которое вам не терпится посмотреть, но вы находитесь в общественном месте без наушников. Субтитры решают обе эти проблемы и делают контент доступным для людей с нарушениями зрения.
Слабовидящие люди смогут слышать диалог, но могут пропустить ключевые моменты видео, если нет повествования, например, когда никто не говорит. Вот где аудио описания пригодятся. Аудиоописания — это повествование о том, что происходит на экране. Посмотрите видео ниже для примера:
Видео не воспроизводится? Посмотреть его на YouTube.
Когда Netflix запустил аудиоописания, они стали таким хитом, что решили протестировать режим только для аудио, который позволил бы пользователям экономить на использовании данных, перекусывая на ходу.
Стенограммы для аудиоконтента
Стенограммы очень полезны для людей со всеми видами инвалидности. Пользователи программ чтения с экрана и люди с нарушениями слуха могут просматривать их, не просматривая видео целиком (этой функцией могут воспользоваться и люди без инвалидности!).
Некоторые активы полностью основаны на аудио. Подкаст, например, будет совершенно бесполезен для того, кто не может его услышать; стенограмма делает его доступным. DMI предоставляет стенограммы для каждого подкаста, например, для этого эпизода на Making Live Theater Work Online.
Самый простой способ добавить расшифровку на ваш сайт — это загрузить текстовый файл, и если вы также отобразите текст на странице, это поможет вашим усилиям по SEO.
PDF-файлы (форматы переносимых документов)
Инклюзивность — не единственная причина, по которой вы должны обеспечить доступность своего PDF-файла; это также полезно для SEO. Если средство чтения с экрана может его прочитать, веб-сканер может просканировать его, отправив в Google ценные сигналы о содержании вашего веб-сайта.
Некоторые программы лучше других приспособлены для преобразования документов в доступные PDF-файлы. Microsoft уделяет особое внимание доступности, в то время как другие компании отодвинули ее от приоритета, и это проявляется в уровне усилий, необходимых для создания доступных PDF-файлов.
программы Майкрософт
Microsoft Word имеет опцию « Создать PDF » под заголовком меню Acrobat ; это автоматически преобразует ваш файл в доступный PDF. Вы можете использовать тот же параметр для преобразования презентаций PowerPoint в PDF-файлы. (Обратите внимание, что вы всегда должны добавлять замещающий текст к изображениям перед преобразованием файла в PDF.) Используйте встроенную проверку читаемости (расположенную в пункте меню «Рецензирование») перед преобразованием ваших файлов в PDF-файлы.
Использование Adobe Acrobat для создания доступных PDF-файлов
Преобразование других форматов файлов в доступные PDF требует немного больше усилий. Например, файлы дизайна (например, созданные в программном обеспечении Adobe) потребуют некоторых манипуляций до и после преобразования файла в PDF.
Adobe Acrobat Pro имеет встроенную функцию проверки доступности, которая поможет обнаружить некоторые ошибки, но работа, необходимая для завершения процесса с использованием функций доступности Acrobat, может быть сложной, и ее лучше оставить профессионалам.
Тестирование PDF на доступность
Целесообразно проверить доступность PDF с помощью программы чтения с экрана или с помощью такого инструмента, как JAWS Inspect. Независимо от того, что встроенная программа проверки доступности скажет вам о PDF-файле, предоставление вашего файла реальному пользователю или прокси-серверу — лучший способ подтвердить его доступность.
SO (поисковая оптимизация) и доступность
Что хорошо для SEO, хорошо и для доступности. Средства чтения с экрана аналогичны поисковым роботам: оба могут читать контент только на том сайте, который им доступен. Это означает, что недоступные PDF-файлы, изображения без замещающего текста, мультимедиа без расшифровки и т. д. фактически невидимы. Они смогут только прочитать имя файла. Ваш веб-сайт может упустить некоторые удивительные возможности ранжирования просто из-за его недоступных элементов.
Существуют и другие передовые методы SEO, которые сходятся с рекомендациями по доступности, например, использование правильных и последовательных структур заголовков и описательного текста ссылки. Для получения дополнительной информации по этой теме ознакомьтесь с нашим сообщением в блоге о том, как SEO помогает с доступностью и наоборот.
Проверка ваших маркетинговых материалов на доступность
Тестирование на доступность так же важно, как и ваши усилия по обеспечению доступности ваших ресурсов. Стремиться к доступности — это замечательно, но пока вы не убедились, что ваш контент действительно доступен, вы сделали только полдела.
Кроме того, тестирование и документирование ваших результатов будет выгодно для вашей компании, если вы когда-нибудь станете объектом судебного процесса, и поможет вам определить тенденции, чтобы остановить проблемы с доступностью в источнике.
Вы можете посетить веб-сайт TGPi для получения полной информации об их инструментах тестирования.