Советы по созданию доступных каналов
Инклюзивный дизайн может показаться прерогативой UX-дизайнеров и веб-разработчиков. Но маркетологи в социальных сетях тоже могут это практиковать.
Некоторые социальные платформы недавно обновили специальные возможности. Автоматические субтитры доступны в Facebook Live и Instagram IGTV . После недоступного внедрения голосовых твитов Twitter создал две группы по обеспечению доступности и планирует развернуть автоматические субтитры к началу 2021 года . Поля описания с альтернативным изображением теперь доступны на всех трех платформах, а также в LinkedIn.
Маркетологи должны рассматривать информирование об этих обновлениях как обязанность. В соответствии со стандартами 2.1 Руководства по веб-контенту и доступности технически доступность социальных сетей не требуется. Но этого не должно быть. Инклюзивный маркетинг в социальных сетях — это просто хороший маркетинг в социальных сетях.
Бонус: Прочтите пошаговое руководство по стратегии в социальных сетях с профессиональными советами о том, как расширить свое присутствие в социальных сетях.
Что такое инклюзивный дизайн?
Инклюзивный дизайн направлена на обеспечение наилучшего пользовательского опыта для как можно большего числа людей.
На практике это отход от универсального подхода, который сосредоточен вокруг так называемых «средних пользователей». Вместо этого инклюзивный дизайн создает для широкого круга пользователей, устраняя препятствия и предоставляя людям различные способы взаимодействия.
Нет такой вещи, как нормальная.
— katholmes (@katholmes) 6 марта 2017 г. [19659017] Инклюзивный дизайн начинается с выявления наиболее редких или экстремальных потребностей, также известных как крайние случаи или случаи напряжения. В зависимости от контекста, крайние случаи могут включать различия в способностях, возрасте, поле, языке и других факторах . В отличие от этого, универсальный дизайн направлен на обслуживание самого широкого круга людей и ситуаций.
@meyerweb Этот термин говорит о том, что крайние случаи определяют границы того, что / кто вам небезразлично.
— Эван Henſleigh (@futuraprime) 25 марта 2015 г.
После выявления крайних случаев следующим шагом является разработка решения. Принципы инклюзивного дизайна Microsoft обеспечивают хорошую основу:
- Признавайте исключение
- Решайте для одного, распространяйте на многих и
- Учитесь у разнообразия.
Очень часто инклюзивный дизайн приносит пользу каждому.
Скрытые подписи на видео — яркий тому пример. В основном субтитры используются для помощи людям с нарушениями слуха. Но они также помогают изучающим язык и зрителям, смотрящим без звука. Данные Facebook показывают, что фирменный контент, предназначенный для отключения звука, был оценен как имеющий на 48% большую актуальность, на 38% больший интерес к бренду.
Почему доступность важна для социальных сетей
Инклюзивный дизайн увеличивает доступ. Стратегия социальных сетей, учитывающая инклюзивный дизайн, делает то же самое. Без доступности вы теряете возможность связаться со своей потенциальной аудиторией.
По крайней мере, один миллиард человек — 15% населения мира — страдает той или иной формой инвалидности. Эта цифра значительно увеличивается, если учитывать временную и ситуативную нетрудоспособность. Неинклюзивный контент и опыт отталкивают людей. И не всегда легко определить, когда это происходит. Исключенные посетители сети часто не жалуются: 71% просто уходят.
Опрос пользователей Facebook в 50 странах в 2018 году показал, что более 30% людей сообщают о проблемах как минимум с одним из следующих факторов: зрение, слух, речь, организовывать мысли, ходить или хвататься руками.
Поддержание доступности социальных сетей означает признание исключения, обучение у ваших последователей и представление информации наиболее ясным из возможных способов. И в конце концов, это просто хороший маркетолог.
Кроме того, почти всем нравится видеть в рекламе инклюзивность. Согласно недавнему опросу Google, 64% людей совершили действие после просмотра рекламы, которую они считали инклюзивной.
9 инклюзивных советов по дизайну для менеджеров социальных сетей
1. Сделайте текст доступным
Четкое написание делает текст более доступным и понятным. И это приносит пользу всем. Это так просто.
Прежде чем нажимать кнопку публикации, подумайте, как вспомогательные инструменты, такие как программы чтения с экрана, будут читать вашу копию. А как насчет людей, которые изучают английский как второй язык? Или тем, у кого проблемы с обучением или мало знакомы с предметом?
Вот несколько полезных советов по дизайну текста:
- Напишите простым языком: Избегайте жаргона, сленга или технических терминов, если они не подходят. Не волнуйся. Вы можете сделать это без ущерба для голоса бренда
- Не злоупотребляйте заглавными буквами . Заглавные буквы могут плохо читаться и неправильно интерпретироваться программами чтения с экрана.
- Используйте верблюжий регистр для хэштегов из нескольких слов . Начинайте каждое слово с заглавной буквы, чтобы сделать хэштеги более разборчивыми и предотвратить ошибки программы чтения с экрана.
PSA…
blacklivesmatter произносится программой чтения с экрана как-то вроде «черный live (глагол) smatter»
объявляется BlackLivesMatter как и следовало ожидать: «черные жизни имеют значение»
— Джон Гиббинс (@dotjay) 9 июля 2020 г.
- Поместите хэштеги и упоминания в конце . Знаки препинания читаются вслух программами чтения с экрана. Помните о том, как хэштеги или @ упоминания могут нарушить копирование.
- Не говорите «нажмите здесь». Используйте описательные призывы к действию, например: зарегистрируйтесь, попробуйте бесплатно или подпишитесь. [19659022] Ограничьте использование смайлов. Смайлы и смайлики (например, ¯ _ (ツ) _ / ¯) читаются вслух вспомогательными технологиями. Это означает, что люди будут слышать такие вещи, как «громко плачущее лицо» или «куча какашек». Прежде чем использовать его, посмотрите как он переводится в текст.
- Используйте шрифт подходящего размера. Убедитесь, что текст разборчив, особенно при использовании в изображениях или областях, которые нельзя изменить.
- Избегайте специальных символов . Помимо меньшей разборчивости, VoiceOver и другие вспомогательные инструменты по-разному считывают специальное форматирование.
Вы это ℯ свои твиты и имена пользователей . Но разве вы к чему со вспомогательными технологиями, такими как ?
— Кент К. Доддс 🚀 (@kentcdodds) 9 января 2019 г.
- Предельная длина строки . Слишком длинные строки могут помешать удобочитаемости и сохранению.
- Используйте инклюзивный язык . Избегайте эйллистских формулировок, придерживайтесь гендерно-нейтральных местоимений и терминов, делитесь разными голосами и смайликами и оценивайте текст на предмет допущений ограниченных точек зрения.
2. Предоставьте описательные подписи к изображениям
Описательные подписи и альтернативный текст (также известный как замещающий текст) позволяют людям визуализировать изображения, когда они их не видят. Согласно WebAIM, некоммерческой организации с Центром для людей с ограниченными возможностями, отсутствующий или неэффективный замещающий текст является наиболее проблемным аспектом веб-доступности.
Некоторые платформы социальных сетей используют технологию распознавания объектов для предоставления автоматического альтернативного текста. Очевидно, его надежность имеет пределы. По возможности всегда лучше добавлять собственное описание.
Facebook, Twitter Instagram и LinkedIn предоставляют специальные поля для добавления альтернативного текста для изображений и файлов GIF (вы также можете добавить альтернативный текст с Hootsuite). Когда невозможно добавить альтернативный текст, используйте описательные подписи.
Если вам скучно видеть, как я прошу людей описывать свои фотографии, представьте, как мне скучно:
1. писать одно и то же снова и снова.
2. Прокручивая это приложение и задаваясь вопросом, что такого смешного / расстраивающего / важного в этой фотографии.— Холли Скотт-Гарднер (@CatchTheseWords) 25 сентября 2020 г.
Советы по написанию описательного альтернативного текста: [19659037] Передайте содержание : Существует огромный разрыв между «Изображение диаграммы» и чем-то вроде: «Гистограмма показывает, что количество лесных пожаров увеличилось по сравнению с прошлым годом, достигнув в этом году 100. »
- Пропускайте слова« изображение »или« фотография. »Королевский национальный институт слепых утверждает, что большинство программ чтения с экрана предпочитают, чтобы вы этого не делали.
- Цвет упоминания если это важно для понимания изображения.
- Поделитесь юмором . Описательный текст не должен быть излишне формальным и должен делать все возможное, чтобы выразить то, что смешно.
- Расшифровка текста . Если изображение имеет текст, который имеет ключевое значение для его смысла, обязательно включите его в описание.
- Учитесь у лучших : WebAIM предлагает советы и несколько примеров, а презентация копирайтера Эшли Бишофф очень полезна .
- Не забудьте гифки . Twitter недавно сделал альтернативный текст опцией для GIF . Если платформа не поддерживает альтернативный текст, включите описание в действие.
вам обычно не нужно говорить «изображение» или «фотография». Просто опишите, что передает изображение — что пользователь хочет получить от его просмотра. Некоторые примеры:
— Robot Hugs (@RobotHugsComic) 5 января 2018 г.
3. Добавляйте субтитры к видео
Скрытые субтитры очень важны для зрителей с нарушениями слуха. Они также улучшают качество просмотра для людей, смотрящих на чужом языке, или для зрителей в условиях без звука. Субтитры приносят пользу даже детям, которые учатся читать.
😳😳😳😂 спасибо @AOC !!!!!!
Я многому у вас научился благодаря вашим подписям. Спасибо за инклюзивность для 466 миллионов глухих! https://t.co/792GZFpYtR
— Nyle DiMarco (@NyleDiMarco) 28 марта 2019 г.
Внутренние тесты в Facebook показали, что время просмотра видеообъявлений с субтитрами в среднем увеличивается на 12%. . Подписи тоже помогают вспомнить. Многочисленные исследования показали, что люди, которые смотрят видео с субтитрами, с большей вероятностью запомнят контент.
Facebook : автоматически создавайте субтитры, пишите их самостоятельно или загружайте файл SubRip (.srt). Автоматические субтитры также доступны для Facebook Live и Workplace Live.
YouTube : автоматическое создание субтитров, их расшифровка или загрузка поддерживаемого файла. Ошибки можно исправить с помощью редактора подписей. Автоматические субтитры доступны на английском языке для YouTube Live. Поддержка субтитров сообщества, которая позволяла аккаунтам краудсорсинг субтитров и переводов, прекращена.
Instagram : Автоматические субтитры теперь доступны для IGTV Live и IGTV. В противном случае субтитры к видео должны быть заранее записаны или закодированы. Добавляйте подписи к своим историям в Instagram, а также к видео в TikTok и Snapchat с настраиваемым текстом. Cliptomatic помогает в этом.
Twitter : Загрузите файл .srt с вашим видео. Twitter также работает над добавлением автоматических субтитров к видео и аудио к в начале 2021 г. .
LinkedIn : загрузите файл .srt с вашим видео.
Если поля с альтернативным текстом недоступны, включите описание в заголовок. Вот как они обычно форматируются: описание изображения: [description of image].
PS: Hootsuite позволяет загружать файлы субтитров вместе с вашими социальными видео в Compose, чтобы вы могли легко публиковать видео с закрытыми субтитрами.
Помимо скрытых субтитров, вот еще несколько вещей, которые вы можете сделать, чтобы создавать отличные для просмотра немые видео для социальных сетей.
4. Добавление описаний видео
В отличие от подписей, которые обычно представляют собой расшифровку устного диалога, описательный язык обозначает важные сцены и звуки, которые не произносятся. Представьте себе, как слепой зритель видит сцену с подсказкой в Реальная любовь . Или посмотрите сцену из Бойцовского клуба где персонаж Эдварда Нортона избивает себя.
Я призываю вас насладиться телепрограммой, используя звуковое описание. Погрузитесь в мир звука и посмотрите телепрограмму или фильм с точки зрения #SightLoss о которой вы даже не подозреваете, что многое от этого получите.
— Мартин Ральф — Собаки-поводыри (@MartinRal 1945) 14, 2020
Есть несколько способов предоставить описания:
- Описательный звук . Описанное видео — это закадровое описание любых важных невербальных элементов вашего видео. Эта дорожка написана и записана так, чтобы уместиться в промежутках между важными аудиоэлементами. В социальных сетях описанное видео обычно «запекается» и не может быть отключено.
- Описательная стенограмма . Иногда называемые альтернативной транскрипцией для СМИ, эти стенограммы содержат описания наряду с диалогами, во многом как сценарий.
- Живое описанное видео . Организаторы прямой трансляции должны быть знакомы с техникой описательного видео и делать паузы, чтобы описывать происходящее на экране. У Accessible Media Inc. есть руководство по передовой практике.
5. Используйте цветовой контраст не менее 4,5: 1
Для людей, страдающих дальтонизмом, или даже тех, кто переключился на оттенки серого, чтобы предотвратить дофамин, доставляемый красными уведомлениями, цветовой контраст важен.
Идеальный контраст между цвет текста и его фона должен быть не менее 4,5 к 1, как рекомендовано WCAG. Для более крупного текста это соотношение уменьшается, но увеличивается для более мелкого текста. Вариации могут показаться незначительными, но они имеют большое значение для разных зрителей.
- Избегайте сочетания зеленого и красного или синего и желтого цветов, так как их трудно читать.
- Текст на изображениях может быть трудночитаемым, поэтому рассмотрите возможность использования сплошного фона или непрозрачного наложения.
- На графиках и диаграммах рассмотрите также возможность использования шаблонов для различения данных.
Источник: Дизайн Facebook
6. Не полагайтесь на цвет для передачи смысла
По крайней мере 2,2 миллиарда человек во всем мире имеют ту или иную форму нарушения зрения, включая дальтонизм, слабое зрение, зрение вблизи и слепоту. На самом деле цветовая схема Facebook синяя, потому что ее основатель, Марк Цукерберг, дальтоник к красно-зеленому
Цвет также может означать разные вещи для разных культур. Например, красный цвет может обозначать тенденцию к снижению на финансовых графиках США, но в Китае красный цвет является положительным.
- Визуализируйте связи . Добавьте подчеркивание или анимацию наведения, чтобы передать, что текст гиперссылки доступен для нажатия. Nielsen Norman Group предлагает полезные рекомендации по визуализации ссылок.
- Используйте символы . В графиках или инфографике используйте символы или узоры в качестве альтернативы или дополнения к цвету. Или добавьте поясняющие надписи.
7. Будьте в курсе об инструментах специальных возможностей
На некоторых платформах есть официальные учетные записи, предназначенные для специальных возможностей. Если вы менеджер в социальных сетях или маркетолог, обязательно подпишитесь на эти аккаунты, чтобы оставаться в курсе. Узнайте, какие варианты доступны, чтобы вы могли помочь членам вашего сообщества, если им понадобится ваша помощь.
Facebook:
Twitter:
YouTube:
Pinterest:
LinkedIn:
Соблюдайте права инвалидов такие сторонники, как Элис Вонг Коллектив чернокожих инвалидов за перспективу и понимание. Присоединяйтесь к обсуждениям в социальных сетях с помощью хэштегов # a11y #DisabilitySolidarity и других, которые вы найдете.
8. Содействовать положительному включению
Полезность — не единственный критерий включения. Представление тоже имеет значение.
Нужны доказательства? Рассмотрим эффект Скалли. Женщины-зрители Секретных материалов не только смотрели на агента Скалли как на положительный образец для подражания, они с большей вероятностью ценили и изучали STEM после просмотра шоу.
После Black Panther премьера, Твиттер взорвался твитами #WhatBlackPantherMeansToMe.
Я бы очень хотел увидеть чернокожих детей в костюмах Черной пантеры, как способ вспомнить и отпраздновать #ChadwickBoseman 💔
— derecka ( @dereckapurnell) 29 августа 2020 г.
Это основной принцип маркетинга, согласно которому бренды должны создавать контент, который обращается к их аудитории. Но слишком часто бренды чрезмерно представляют в своих образах молодых, белых, натуральных, трудоспособных мужчин цис-пола.
В 2019 году количество мужских персонажей в рекламе превосходило количество женских персонажей в соотношении два к одному.
Люди инвалиды составляют лишь 2,2% персонажей в рекламе 2019 г.
Также подумайте о распределении ролей и изображении. Всегда ли женщины занимаются уборкой? Всегда ли романтика гетеросексуальна? Прежде чем размещать какое-либо изображение в социальных сетях, убедитесь, что оно не продвигает расистские, сексистские, возрастные, гомофобные или другие стереотипы.
Ваша лента должна быть такой же разнообразной, как и люди в вашей аудитории — или люди, которым вы хотели бы быть присоединяйтесь к своей аудитории. Разнообразие возможностей благодаря визуальным эффектам, партнерским отношениям и совместной работе. И когда вы это сделаете, будьте готовы оказать поддержку. Это означает, что вам нужно появиться, когда появятся тролли.
Прочтите наше руководство по подлинной активности в социальных сетях.
9. Приветствуем вас и ждите отзывов
Редко удается сделать все правильно с первой попытки. Вот почему так важно быть открытым для отзывов и признавать ошибки, когда вы их делаете.
Приносим извинения за тестирование голосовых твитов без поддержки людей с нарушениями зрения, глухих или слабослышащих. Провести этот эксперимент без этой поддержки было упущением.
О доступности нельзя забывать. (1/3) https://t.co/9GRWaHU6fR
— Поддержка Twitter (@TwitterSupport) 19 июня 2020 г.
Содействуйте безопасному и позитивному диалогу с вашим сообществом. Предоставьте контактные данные, форму обратной связи или подсказку, которая сообщит вашей аудитории, где они могут поделиться своими мыслями. Как говорит Кара Гейтс, старший дизайнер взаимодействия Google: «Если вы хотите изменить мир, вы должны включить его».
Планируйте тестирование и повторяйте часто. Воспользуйтесь такими инструментами, как Color Oracle, для имитации цветовой слепоты. Прочтите замещающий текст вслух или, еще лучше, используйте программу чтения с экрана или другие вспомогательные технологии для тестирования вашего контента. Полный список полезных инструментов приведен ниже.
Инструменты доступности социальных сетей
Расширения браузера WAVE
Расширения оценки веб-доступности можно использовать в Chrome и Firefox для оценки вашего веб-сайта и его контент для доступности.
Hemmingway Editor
Обеспечьте читабельность вашей копии с помощью Hemmingway Editor. Стремитесь к 8-му классу и ниже, чтобы соответствовать стандартам WCAG. Другой вариант — средство проверки читаемости.
Средство проверки доступности Microsoft
Microsoft имеет встроенный инструмент специальных возможностей, доступный в Outlook, Excel и Word. Microsoft Inclusive Design Manual также предлагает видео и загружаемые буклеты по темам инклюзивного дизайна.
Приложение Thread Reader
Этот Twitter-бот разворачивает темы на платформе, чтобы люди могли их читать легче. Чтобы запустить приложение, просто отметьте его и напишите «развернуть» в ответ на обсуждаемую цепочку.
Средство чтения замещающего и замещающего текста изображения
Тег @ImageAltText или @Get_AltText в ответ на твит с изображением, запускающим этих ботов Twitter. Если доступно, они ответят замещающим текстом.
Cliptomatic
Автоматически добавляйте подписи к своим историям Instagram, видео TikTok и снимкам с помощью Cliptomatic.
Contrast App ]
Если вы используете Mac, приложение Contrast является совместимым с WCAG средством проверки контрастности. Приятной особенностью этого приложения является то, что оно позволяет дизайнерам проверять свои показатели контрастности при выборе цветов. Создатели этого приложения даже предоставляют руководство, которое упрощает стандарты WCAG.
Contrast Checker
Contrast Checker позволяет перетаскивать конкретное изображение для проверки контрастности, что очень удобно перед загрузкой ресурсов в социальные сети.
Color Oracle
Чтобы убедиться, что вы не используете только цвет для передачи информации, используйте бесплатный симулятор цветовой слепоты. Инструмент с открытым исходным кодом доступен для Windows, Mac и Linux.
Color Safe
Используйте Color Safe, если вам нужна помощь в поиске цветовой палитры, которая обеспечивает достаточный контраст и соответствует рекомендациям WCAG.
Проверка текста на фоновом изображении
Этот инструмент доступности текста поверх изображения помогает определить, насколько разборчивый текст основан на цветовом контрасте. Используйте инструмент Facebook Image Text Check, чтобы определить, не слишком ли много текста на вашем изображении.
YouDescribe
YouDescribe, разработанное Исследовательским институтом глаза Смита-Кеттлвелла, позволяет добровольцам создавать описательное аудио для видео на YouTube. . Просто скопируйте и вставьте URL-адрес YouTube в поле поиска и нажмите «Создать / изменить описания», чтобы начать работу.
67 процентов сбора
В рамках кампании # SeeThe67 процентов Refinery29 объединилась с Getty Images предлагает изображения с изображением больших женщин. Смотрите также сборник «Нет извинений», продолжение сотрудничества. Dove также сотрудничал с Гетти, чтобы разрушить стереотипы красоты с коллекцией Show Us.
Коллекция Gender Spectrum
Vice призывает СМИ выйти «за рамки двоичного» с этой коллекцией стоковых фотографий. [19659002] Коллекция инвалидов
Всемирный день осведомленности о доступности, Getty Images, Verizon Media и Национальный альянс лидеров инвалидов (NDLA) собираются воспроизвести в этом каталоге изображение инвалидности. Коллектив пивоваров также создал каталоги с Unsplash и Pexels.
Коллекция Disrupt Aging
В этой коллекции, созданной AARP и Getty, доступ к более чем 1400 изображениям, борющимся с эйджистскими предубеждениями.
] Aegisub
Aegisub — это бесплатный инструмент с открытым исходным кодом для создания и редактирования субтитров. Вы также можете использовать этот инструмент для создания стенограмм для видео.
Mentionolytics
Отслеживайте упоминания вашего бренда в социальных сетях и в Интернете с помощью Mentionolytics. Этот инструмент — хороший способ появиться и ответить на вопросы и отзывы, независимо от того, упоминались вы @ или нет.
Рекомендации по обеспечению доступности веб-контента (WCAG) 2.1
Эти рекомендации устанавливают отраслевые стандарты для доступных возможностей Интернета и социальных сетей.
Руководство по доступности продуктов Vox
Эти рекомендации представляют собой интерактивный контрольный список для дизайнеров, редакторов, инженеров и других.
Управлять всем ваши каналы в социальных сетях с единой панели управления с помощью Hootsuite. Легко планируйте и публикуйте все свои инклюзивно разработанные сообщения в социальных сетях, взаимодействуйте со своими подписчиками и отслеживайте успех ваших усилий. Попробуйте бесплатно прямо сейчас.