Accessible Social Media

Social media allows users to engage with Western and its content, but only if done so with accessibility in mind. This guide will cover what content creators can do to make their content more accessible. It will also cover making content accessible for specific social media, things to consider when using social media management platforms, and how to make sure users can still reach out.

Start with overall best practices for accessible social media, or learn how to make posts accessible for the social media platforms Western uses.

Overall Best Practices

Provide relevant contact information

Provide an alternate email, phone number or other contact method for addressing accessibility concerns. This gives users a way to still engage with your department, and a way to reach out if they have difficulty accessing your social media content.

Post the same content on multiple platforms

Some users might use multiple social media platforms, but others might prefer one platform over another. To ensure no one misses out on content because of their choice in social media, post the same content to as many of your channels as possible.

Make sure your content is readable

You might only have so many characters to work with, and are appearing in a feed with other content. This means using clear language is important. Avoid misspellings and limit abbreviations for reading ease.

Text embedded within images should be minimally used. If a user has low vision and needs to enlarge text, the text within the image will become pixelated and hard to read.

Provide enough color contrast

Having strong color contrast in your content (yellow on black, blue on white, etc.) will make your content easier to see for all your users. Insufficient color contrast combinations like pink on white make content much more difficult to see, or completely disappear for users with low vision or color-vision impairments.

Color contrast guidelines also apply to images of text, like images on social media that advertise an event or a job.

Limit emoji use

The code that generates an emoji tends to be verbose when read by assistive technologies. The meaning of emojis can also depend on context and regional/international differences. Some users may get what a certain emoji means in that tweet, but other users may not.

If using emojis, use ones that relate to your post and put them the beginning or end of a tweet (i.e. not after every other word).

Adrian Roselli covers how not to use emojis in his article, "Improving your tweet accessibility."

Alt text should describe what's happening

When writing alt text for images, the alt text should describe what is happening in the image itself. Learn how to write alt text for images.

Use clear hashtags

Hashtags containing more than one word need each word capitalized. This makes the hashtag more readable and clearer.

It also helps assistive technology tell where one word begins and ends, instead of reading the hashtag as one long word.

Without camel case:

#thisisalonghashtagthatishardtoread

With camel case:

#ThisHashtagIsEasierToRead

If you are using hashtags, put them at the end of the post for better readability.

Facebook

Add alt text to your images

To add alt text to Facebook photos:

  1. Click Photo/Video at the top of your News Feed.
  2. Select the photo you want to add.
  3. Click Edit Photo, then click Alt Text.
  4. The automatically generated text will be shown on the left side of your photo. Click Override generated alt text to edit it.
  5. Write your alt text in the box. To change back to the automatically generated text, click Clear.
  6. To save your alt text, click Save in the bottom right.

If you can't adjust the alt text itself, add the descriptive text in the body of the Facebook post. Example: "[Image description: a person by the water...]"

Original instructions: Facebook help forum: How do I edit the alternative text for a photo?

Use short links in your posts

At this time, Facebook does not seem to support adding meaningful link text to hyperlinks. To reduce the cognitive load of having to understand a long URL, use a URL shortener and preface the link with a brief sentence of what the link is about.

Example (link doesn't go anywhere): "Western Transitions: https://bit.ly/transitions/"

Caption your video content

It is important to assure that video posted to social media be accessible to all users. Make sure that you are either using captioned content or adding captions to your video clips regardless of length.

If your video does not have sound or dialogue, make sure that the post contains enough of a description to understand what is in the clip. Facebook provides instructions on adding caption files to your media. For media that is difficult to understand or transcribe, you may use Western’s 3PlayMedia service.

Refer to the caption accessibility guide for more info on accessible Western video content.

Twitter

Add alt text to your images

Turn on image descriptions

  1. Click on the more icon and select Settings and privacy from the dropdown (or press the “g” key quickly, followed by the “s” key).
  2. Click Accessibility from the list of settings.
  3. Find the Compose image descriptions checkbox.
  4. Check the box to turn the setting on or off.

Add image descriptions in Tweets

  1. Click on the Tweet compose button, or press the “n” key to use the keyboard shortcut.
  2. Attach your photo(s).
  3. To insert descriptive text, click Add description.
  4. Type your description of the image and click the Done button. To edit the description, re-open the Add description dialog prior to posting the Tweet. (The limit is 420 characters.)
  5. You can add a description to each image in a Tweet.
    Note: Image descriptions cannot be added to GIFs or videos.

Original instructions: How to make images accessible for people.

Caption your media

Prior to March 2019, providing captions in Twitter video content meant having to provide open captions (permanent captions that are burned into the media itself). Now, Twitter provides closed captions in their iOS and Android platforms.

To provide captions in Twitter media:

  1. Click on a video within your Media Studio library.
  2. Select the “Subtitles” tab in the pop-up window.
  3. Select the text language of your subtitle file from the dropdown menu.
  4. Click the “Upload” button and select the sidecar .SRT file from your local computer.
  5. The file is now associated with your video. To update the file, click the Pencil icon.

 

YouTube

Provide a transcript

A transcript allows a wide spectrum of viewers to enjoy your media content. This especially helps viewers that may have deafblindness, where transcripts are the primary format for enjoying media content.

YouTube generates a transcript when adding captions to a video. If you are on Vimeo or aren't sure if a transcript is provided, a link to a publicly available and accessible transcript should be available in the video's description.

Provide audio descriptions

If your media content has any sequences that are visual, but not described through speech, then audio description is necessary. Audio description is an extra track that provides auditory information about visual content in the video for viewers that may be blind, have low vision, or otherwise have difficulty understanding visual content.

This usually means linking to an audio described of the video in the original video's description. The audio described version should be linked to in any social media post that includes the original YouTube video.

Provide captions

All audiovisual content like video, podcasts, or pre-recorded live content requires captions. YouTube provides a solid editor for generating captions when the video is uploaded for authors to edit. The editor can also accept uploads of caption files, or time sync a basic transcript of the content.

YouTube provides an in-depth article on how to add subtitles and captions.

LinkedIn

Add alt text to your images

  1. In LinkedIn, go to "Start a post" and select the image option.
  2. Once your image is selected and uploaded, choose "Add alt text".
  3. Type the alt text in the description field and hit "Save."
  4. Click Next to continue editing your post or publish it.

Add captions to video content

LinkedIn allows users to upload caption files that are in .SRT format (learn how to create an SRT caption file, or talk to WebTech about 3Play). This means your users can benefit from closed caption content on LinkedIn.

To upload captions to LinkedIn:

  1. In "Start a post," select the video option.
  2. Upload your video content. You should see your video appear in the post.
  3. Click the "Edit" option next to your video.
  4. Click the "Select" button to find the SRT file, and upload it. Closed captions should now be included in your video content.

Instagram

Add alt text to your images

  1. Start by taking a photo or uploading an existing photo to Instagram.
  2. Choose a filter and edit the image, then tap Next.
  3. Tap Advanced Settings at the bottom of the screen.
  4. Tap Write Alt Text.
  5. Write your alt text in the box and tap Done (iOS) or Save (Android).

Original instructions: Instagram Help Center: How do I edit the alternative text for a photo on Instagram?

 

Provide open captions on video content

Instagram does not appear to support closed captions yet, so if you are providing audiovisual content on Instagram, it will need to be open captioned. 3Play Media offers a tutorial for how to add captions to Instagram videos.

If providing open captions is not possible despite best efforts, the post should link to a version of the video that is captioned (hosted on YouTube, Vimeo, etc.).

Provide audio description on video content

If your media content has any sequences that are visual, but not described through speech, then audio description is necessary. Audio description is an extra track that provides auditory information about visual content in the video for viewers that may be blind, have low vision, or otherwise have difficulty understanding visual content.

This usually means linking to an audio described of the video in the original video's description. The audio described version should be linked to in any social media post that includes the original YouTube video.

Flickr

Make the photo title descriptive

Flickr uses the title of the photo as part of the alt text. Since alt text needs to describe what is in the image, it is crucial that the title of the image briefly describes the image itself.

title of photo in flickr compared to alt text containing title, screenshot.

Using Social Media Managers

Social media management platforms like Hootsuite and Buffer can be powerful for a social media strategy, especially if considering accessibility from the start.

There are some accessibility-related tips to keep in mind when using a social media management platform.

Adding alt text

Hootsuite lets creators add alt text to images in tweets, using the new Composer feature (instructions from Lireo Designs).

  1. Select New Post.
  2. In Select social network, choose the Twitter account you want to post to.
  3. In the Text field, enter the text for your tweet.
  4. In the Media option, either select Media Library or Drag and drop to add the image to your tweet.
  5. Select Edit image details to add the image alternative text (limited to 420 characters).
  6. Select Apply to add the alternative text.
  7. Select Post Now or Schedule for later.

As of now, this feature only applies to tweets created using the new Composer feature. For other platforms or posts using the older compose feature, alt text should be added to the published post.

 

Adding video content

Hootsuite does not seem to support captioning or providing a caption file. You can provide an accessible alternative using one of the following approaches:

  • Adding the caption file once the post is live on the platform.
  • Uploading the open captioned version to the social media manager you are using, if the platform requires open captions.
  • Linking to the captioned/described version of the video hosted elsewhere.