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

Что такое доступность и почему она важна?

Доступность, по сути, ориентирована на людей. Люди получают доступ к контенту и услугам самыми разными способами, потому что все люди разные. Некоторые используют вспомогательные технологии для работы с социальными сетями, и именно для таких людей предназначена доступность социальных сетей. К ним относятся слепые или слабовидящие, глухие или слабослышащие, люди с дислексией или когнитивными нарушениями, а также нейроотличные люди. Они должны иметь возможность «получать доступ» к вашему контенту так же эффективно, как и люди без инвалидности.

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

Если бы вы честно проанализировали свои социальные сети. Насколько доступны ваши публикации сейчас?

С чего начать?

Возможно, вы думаете: «Да, я знаю, что мне нужно стать лучше в этом плане, но я не знаю, с чего начать. Что ж, давайте разбираться!

Доступность изображений

Изображения отлично смотрятся в социальных сетях. Именно поэтому многие компании уделяют особое внимание добавлению красивых визуальных элементов и фотографий в свои публикации. Поговорка «картина говорит о тысяче слов» может сработать для человека с зрением 20/20, но, как мы уже говорили, так видят не все. Ваше сообщение может остаться незамеченным, если вы не используете достаточный контраст в визуальных элементах или если цвета легко сливаются друг с другом.

При работе с цветом и контрастностью возникают определённые сложности. Например, не стоит полагаться только на цвет при передаче информации. Давайте рассмотрим этот вопрос подробнее.

Обозначьте вашу информацию

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

Круговая диаграмма с результатами викторины.

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

Чтобы сделать эту диаграмму более понятной, нам нужно выделить ключевую информацию, которую мы хотим донести. Если информации нет, люди не смогут принять участие.

Круговая диаграмма, показывающая результаты викторины с соответствующими подписями.

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

Это также полезно для тех, кто бегло просматривает ваши посты. Вся информация у вас перед глазами!

Контраст в ваших изображениях

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

Давайте рассмотрим пример.

Чтобы показать, как некоторые люди воспринимают графику, мы убрали большую часть цвета с этого изображения. Видите, что вы всё ещё можете различить ключевые элементы и что сообщение по-прежнему имеет смысл? Но это не идеально. Контраст возле ноги Холли — женщины справа — не очень хороший.

Существует несколько инструментов, с помощью которых можно проверить коэффициент контрастности. Например, Коэффициент контрастности легко читается и имеет понятную систему индикации (именно поэтому он нам так нравится!). Ещё один отличный инструмент — Tanaguru Contrast-Finder. Tanaguru позволяет получить более подробную информацию.

Существует ещё больше рекомендаций и инструментов, которые помогут вам обеспечить достаточный уровень контрастности текста и графики на фоне. Мы настоятельно рекомендуем вам изучить эти инструменты! Однако если вы используете текст, обратите внимание, что существуют минимальные значения контрастности в зависимости от размера шрифта.

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

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

Изображения делятся на три категории: информативные, функциональные и декоративные. Подробнее об этом можно прочитать на веб-сайте W3C. Декоративным изображениям не нужен замещающий текст. А вот информативным — нужен. Если вы публикуете изображение в социальных сетях с целью передачи информации, всегда старайтесь добавлять замещающий текст, который описывает изображение и его содержимое. При написании замещающего текста следует помнить о нескольких рекомендациях. Пишите правильные предложения и старайтесь, чтобы они были короткими. Как правило, достаточно 125–140 символов. По сути, это короткое сообщение!

Каждая из социальных платформ по-своему обрабатывает замещающий текст, что может сбивать с толку. Платформы становятся всё более удобными для пользователей, но могли бы быть и лучше. Мы покажем вам, как найти замещающий текст, но сначала давайте рассмотрим несколько примеров того, что следует писать. Мы будем использовать то же изображение, что и раньше:

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

Для начала можно просто повторить текст, изображённый на картинке. В конце концов, простота лучше, чем ничего!

Yoast SEO теперь доступен для Shopify

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

Над иллюстрацией с двумя женщинами, делающими покупки, написано: «Yoast SEO теперь доступен для Shopify»

Видите, как добавление новых контекстов формирует образ в вашем сознании? Но мы можем сделать ещё гораздо больше. Давайте сделаем ещё один шаг.

Над иллюстрацией с изображением двух женщин написано: «Yoast SEO теперь доступен для Shopify». Одна из них держит пакеты с логотипами Yoast и Shopify, а другая — пример результата поиска.

Это даёт гораздо более чёткое представление о том, как выглядит изображение. Кроме того, это добавляет контекст к опубликованному вместе с ним тексту.

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


Теперь мы знаем, что нужно писать. 

Заключение

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

От Редакция

Подробно

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *