Доступность с легкостью: где размещаются alt-тексты в соцсетях
В четверг, 16 мая, отмечается Глобальный день распространения информации о доступности (Global Accessibility Awareness Day, GAAD). Если вы публикуете информацию в социальных сетях, не забудьте написать alt-текст для ваших изображений.
Собрала инструкции по нахождению alt-текстов, которые составили сами платформы:
Далее публикую подробные инструкции с изображениями и описанием на русском языке.
Facebook*
Поле alt-текста в десктопной версии Facebook можно найти, нажав кнопку Редактировать в левом верхнем углу изображения перед публикацией его на странице, в профиле или группе Facebook и введя описание изображения в соответствующее поле.
В мобильном приложении Facebook поле для ввода alt-текста находится под тремя точками в правом верхнем углу загруженного изображения.
Instagram*
Чтобы опубликовать доступное изображение через приложение Instagram, нужно сделать несколько кликов. Когда пользователь перейдет на последний экран публикации, ему нужно будет выбрать пункт «Дополнительные настройки», прокрутить страницу «Доступность» в нижней части следующего экрана, нажать «Написать Alt-текст», и тогда на последнем экране для каждого загруженного изображения появится поле, в котором можно сделать описание изображения.
На последнем экране публикации появится выпадающий список «Доступность». При нажатии на него в расширенном виде будет показано каждое загруженное изображение с полем alt-текста, где можно создать описание изображения.
Threads (десктоп, мобильная версия)*
Чтобы получить доступ к полю alt-текста на Threads, загрузите изображение, а затем нажмите кнопку с надписью Alt в левом нижнем углу изображения. Появится новое окно, в котором можно создать описание изображения.
Чтобы активировать значок alt-текста, пользователям нужно зайти в свой профиль Threads на мобильном устройстве, нажать на две линии над фотографией профиля, чтобы перейти к «Настройкам», выбрать «Аккаунт», а затем — «Доступность». После этого появится параметр «Показывать alt-текст», который можно включить. После активации этой опции пользователи увидят значок alt text в левом нижнем углу изображения в своей ленте приложений, если создатель контента добавил alt text к нему.
Twitter/X (десктоп, мобильная версия)
В настольной версии и мобильном приложении Twitter/X, а также в самой обновленной версии TweetDeck поле alt-текста можно найти, нажав кнопку «Добавить описание» под загруженным изображением. Пользователи также могут добавлять описания к GIF-изображениям в Twitter, если они пользуются встроенной библиотекой GIF в мобильной и настольной версиях платформы или в обновленной версии TweetDeck.
В Twitter/X есть напоминание об описании изображения, которое можно включить в настройках доступности платформы. Если пользователь активирует эту функцию и попытается опубликовать твит без описания изображения, Twitter/X напомнит ему о необходимости заполнить поле alt-текста перед публикацией твита.
LinkedIn (десктоп, мобильная версия)
В LinkedIn одно из самых простых полей alt-текста для поиска и использования. После загрузки изображения для созданного поста под изображением в следующем окне появляется кнопка, ведущая к полю alt-текста. Эта функция одинакова как для настольных, так и для мобильных постов LinkedIn.
Pinterest (десктоп, мобильная версия)
Найти поле alt-текста для Pinterest также довольно просто, но оно доступно только для новых пинов, загруженных непосредственно на платформу. В настоящее время невозможно добавить описание изображения задним числом к уже существующему пину.
Когда загружается новый пин, справа от изображения на рабочем столе появляется кнопка с надписью «Добавить alt-текст». В мобильном приложении Pinterest эта функция аналогична, только вместо кнопки под загруженным изображением сразу отображается поле с надписью alt text.
И в заключении несколько полезных ссылок по написанию alt-текстов
*Meta (Facebook, Instagram, Threads) признана экстремистской организацией в России
Создано на основе статьи
_____
Здесь о дизайне с фокусом на доступность интерфейсов. Наш телеграм-канал https://t.me/enable_design