Justin Yarbrough

Digital accessibility professional, writer, speaker, and advocate

Pardon the mess

This site is currently being revamped and there may be some visual inconsistencies or other issues while this work is underway.

Alt Text and Social Media

Social media has a great ability to connect us. Without it, I would have never found all the wonderful people in the blindness community on Twitter that have had such a positive impact on my life. Heck, you probably found this post on some social media platform.

The problem for blind people is that social media can seem pretty photo-intensive, leaving blind people to feel like they're missing out. In the last few years, though, major social media platforms like Twitter, Facebook, and Instagram have been introducing features allowing people to add alt text to pictures, allowing people sharing content to provide a more inclusive experience.

What is Alt Text?

Simply put, alt text provides a text-based alternative to graphics on the web. Screen readers will read the alt text and identify the item as a graphic when encountered. Additionally, many browsers will display the alt text for a graphic when it's unable to load the graphic. This can happen because of a slow internet connections or being unable to locate the image.

Writing Alt Text

Writing good alt text can be a challenge. In my day job as an accessibility coach, I describe writing alt text as an art rather than a science. While there are a few guiding principles based off accessibility best practices, there's also a lot of wiggle room. The following tips are based off a combination of best practices and my own personal taste:

  • Be concise. Screen readers take time to read things. How long depends on that person's screen reader settings. An experienced screen reader user like myself may have theirs set to talk really fast, whereas a novice user is likely to have theirs set at a more conversational pace.
  • Don't describe every detail. Remember back in elementary school when you'd be asked to read something and determine what the main idea of the passage was? Do something similar with your images and describe what you'd like someone to take from it.
  • Avoid redundancies. If something's in the body of your post, it probably doesn't need to be in the alt text. Additionally, remember how screen readers work. Since they will identify an item as a graphic when they encounter it, you don't need to say so in the alt text. It's fine to say something like "Picture shows" if you're describing an image in nearby text content, but it's just repetitive when it's in the alt text itself.

Writing good alt text can be a challenge and may seem hard at first. Like anything else, though, it gets easier with practice. Over time you will figure out what works best for you.

How do I add alt text on social media?

The folks over at Accessible Social have a guide on how to add alt text on multiple platforms.

Examples

Below are a few embedded tweets that all have alt text on the images. To view the alt text, you can expand the accordion below the tweet.

Example 1

Quinn is on the floor with a half eaten zucchini. Looks guilty.

Example 2

Black lab PJ roughhousing with yellow lab mix Quinn.

Example 3

A black lab laying on a dog bed under an office desk.

Conclusion

With the advent of alt text support on major social media platforms, it's easier than ever to be more inclusive on those platforms. With just a little extra effort, it's possible to ensure blind people aren't left wondering what's in a picture.

More Resources

>