Создание доступного контента в социальных сетях

Опубликовано: 2022-12-06

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

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

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

Субтитры к видео и аудио описания

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

Существует два типа надписей:

Открытые титры — титры, встроенные в ваше видео, которые создатель добавляет сам.
Скрытые титры — субтитры, загружаемые вместе с видео, обычно в виде двух отдельных файлов. Файл субтитров (часто файл .srt) будет отображать время в видео, где должны отображаться субтитры, и пользователь может включить или выключить субтитры.

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

Хотя люди с нарушениями слуха часто полагаются на субтитры к видео, они не единственные. Исследование, проведенное Verizon Media и Publicis Media, показало, что 50% людей считают субтитры важными, потому что смотрят видео без звука. Между тем, 69% людей будут смотреть видео без звука на публике, а 80% охотнее досмотрят видео до конца, когда доступны субтитры. Между тем, 85% видео в Facebook и 80% просмотров видео в LinkedIn просматриваются с выключенным звуком.

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

Не забывайте всегда проверять/настраивать субтитры перед публикацией видео, чтобы обеспечить точность, или использовать сторонний сервис, такой как Subly, для создания субтитров, а не полагаться на автоматически сгенерированные субтитры социальной платформы.

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

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

Альтернативный текст изображения

Альтернативный текст — это копия, добавленная к изображению, которая описывает, что это за изображение, и контекст, стоящий за ним. Для людей с нарушением зрения замещающий текст позволяет программе чтения с экрана синтезировать речь с изображением для них. Альтернативный текст также может быть полезен, когда изображение не загружается должным образом на веб-сайте. С точки зрения поисковой оптимизации (SEO), замещающий текст также помогает предоставить поисковой системе больше контекста за изображением, когда оно сканирует ваш контекст, что может помочь при его индексации.

При добавлении замещающего текста старайтесь быть как можно более кратким, так как средства чтения с экрана часто считывают не более 125 символов. При этом также важно использовать определенные слова, которые определяют контекст изображения. Вместо того, чтобы говорить «женщина за столом…», вы можете добавить «женщина-сотрудник, сидящая за офисным столом…». Вы хотите быть настолько описательным, насколько можете. Кроме того, старайтесь не использовать «изображение» в начале альтернативного описания; программа чтения с экрана уже знает, что это изображение, так что сразу переходите к описанию.

Альтернативный текст доступен на популярных социальных платформах, таких как Instagram, Facebook, Twitter и LinkedIn. В Facebook и Instagram вы обычно можете найти эту опцию в Creator Studio до того, как фотография будет загружена, или в настройках изображения после его публикации. Для Twitter вы найдете возможность добавить описание под изображением, а в LinkedIn вы найдете «добавить замещающий текст» вверху изображения.

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

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

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

Использовать хэштеги с большой буквы

Добавление заглавных букв к первой букве каждого слова в хэштеге, известном как CamelCase (названном так потому, что заглавные буквы выглядят как горбы на верблюде), позволяет пользователю лучше понять хэштег, делая его более доступным — #а не это #Похоже на Это

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

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

Цветовой контраст и движущаяся графика

Привлекательный дизайн может творить чудеса для брендов в социальных сетях, но то, как отображается визуальный элемент, крайне важно. Как правило, между фоном и любым текстом на изображении всегда должен быть достаточный цветовой контраст. Если текст имеет светлый цвет, он должен быть на более темном фоне (и наоборот). Лучший способ проверить цветовой контраст — использовать онлайн-инструмент, такой как Contrast Checker от Web AIM.

Для изображений с текстом требуется коэффициент цветовой контрастности не менее 4,5:1, а для текста размером 18 пт и больше и элементов, передающих смысл, таких как значки, кнопки и компоненты диаграммы/графика, требуется коэффициент контрастности 3:1.

Графика, включающая стробирование, яркие элементы на ней может быть трудна для просмотра и опасна для склонных к судорогам. Мигающая графика или элемент (элементы), которые мигают более трех раз в секунду, занимают много места на изображении и имеют значительный цветовой контраст (светлый и темный) между вспышками, могут быть опасными. По данным Фонда эпилепсии, светочувствительным людям не следует видеть вспышки более трех раз в секунду, при этом мигающий элемент не должен занимать более 25% общей площади изображения. Они также обнаружили, что «насыщенный темно-красный» цвет оказывает большее влияние на людей с эпилепсией, поскольку люди более чувствительны к миганию насыщенного красного. Вы можете узнать больше о порогах красной вспышки здесь .

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

Вот еще несколько быстрых советов, которые следует учитывать при выборе шрифта:

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

Движение вперед

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