Alexa Heinrich

Alexa HeinrichAlexa HeinrichAlexa HeinrichAlexa Heinrich
  • Home
    • Hello
    • At Work
    • In Media
  • Accessible Social
  • Blog
  • Newsletter
    • Email
    • Twitter
    • LinkedIn
    • Instagram

Alexa Heinrich

Alexa HeinrichAlexa HeinrichAlexa Heinrich
  • Home
  • Accessible Social
  • Blog
  • Newsletter

Images

The Importance of Alternative Text

If you’re not familiar with alternative text—more commonly known as alt text—it’s the written copy that physically describes an image in a digital space and plays a significant role in making the online world more inclusive.


The purpose of alt text is two-fold; 

  • If an image on a webpage fails to load, the alt text will indicate what the missing image was supposed to be. In this instant, alt text is usually extremely short and more commonly known as an alt tag.
  • Alt text is also vital for anyone who uses a screen reader or text-to-speech technology to consume digital content because it's meant to accurately describe images aloud to the user.


Facebook, Twitter, Instagram, and LinkedIn all allow for custom alt text to be written when a user uploads a new photo. See the below videos to learn how to add alt text on each platform as well as tips for writing effective image descriptions and examples.

Third-Party Sites

Are you looking into a third-party site or app to help you manage your social media? Make sure they have alt text capabilities as part of their publishing experience! Here's a breakdown of how some popular management systems handle accessibility for images.

Find out more

Alternative Text by Platforms

How to Add Alt Text on Facebook

On Facebook, custom alt text can be added by uploading an image to a personal profile, business page or community group, clicking Edit in the upper left corner of the image before posting it, and typing the custom alt text in the appropriate field.


For more info, see Facebook's instructions for adding alt text.

How to Add Alt Text on Twitter

On the web version and mobile app for Twitter as well as the TweetDeck platform, the alt text option appears on uploaded images as Add Description or +ALT. You can also add alt text to GIFs if you use Twitter's built-in GIF library.


For more info, see Twitter's instructions for adding alt text.

How to Add Alt Text on Instagram

On Instagram, when you get to the final screen before posting your image(s), tap Advanced Settings, scroll to Accessibility, click Write Alt Text, and then write your alt text. 


For more info, see Instagram's instructions for adding alt text.

How to Add Alt Text on LinkedIn

LinkedIn's alt text feature is very easy to find. As soon as you upload a picture to your post, Add Alt Text appears as a button in the upper right corner in the next window.


For more info, see LinkedIn's instructions for adding alt text.

Tips for Writing Alternative Text

Avoid flowery language

Avoid flowery language

Avoid flowery language

You want to focus on describing the physical aspects of your image and speak in plain language. Resist the urge to be overly effusive with your descriptions.

Keep alt text short

Avoid flowery language

Avoid flowery language

It's best to keep your image alt text concise. Some screen readers will even break up alt text after 125 characters, including spaces, so short is best.

Exclude “photo of”

Avoid flowery language

Avoid using flattened text

It’s already assumed that your alt text will be for a photo or image, and a screen reader will more than likely say “image of” before or after reading your alt text.

Avoid using flattened text

Prioritize important details

Avoid using flattened text

If you’re posting a text-heavy graphic or flyer on social, you’re going to need to add alt text for all of the flattened copy. In this case, it’s better to link to a webpage that has the text in a readable format. Flattened text also isn't actionable!

Prioritize important details

Prioritize important details

Prioritize important details

Don’t feel like you need to describe everything. If something in the image is significant to understanding the whole picture or post, describe it. If it’s not, skip it and save your characters for the important details in your image.

“extra” identifiers are okay

Prioritize important details

Prioritize important details

If the race, gender, ethnicity, or another identifier for a person is relevant to the overall context of the image, feel free to add it. It also helps, in this instance, to think of your content as a whole. Is that identifier contextually important?

you can use Proper names

you can use Proper names

you can use Proper names

If a well-known person, place, or thing is in your image, go ahead and name it/them. When Senator Elizabeth Warren was running for President of the United States, her social media team always used her title and name in alt text for the images that featured her because it just made sense. The social media was for her and about her campaign.

Avoid using acronyms

you can use Proper names

you can use Proper names

It’s better to type out the full name or title of a person, place, organization, or initiative because screen readers don’t always read acronyms correctly. Lesser-known acronyms also don’t add a lot of context to an image. If you do use an acronym in your alt text, type out the full name or title first, or you can also place dashes in between each letter.

Include your keywords

you can use Proper names

Include your keywords

If you can logically include your keywords in your alt text, go for it. Keep in mind that alt text is meant to be an accessibility tool, not an SEO growth hack. It is not recommended that you write alt text for an image and then follow it up with a block of keywords that didn't make into the alt text. This slows down the experience for screen reader users.

Alternative Text Examples

Writing alt text is a subjective exercise and relies almost entirely on the observation skills of the content creator and what they deem to be important details in an image. Take a look at the examples below and find time to work at writing alt text for your own practice images. All images courtesy of the free stock photos site, Pexels.

Color Contrast

If you frequently use custom graphics with your social media, keep color contrast in mind. Some color combinations make copy difficult or impossible to read, either because there isn't enough contrast between the two hues or because the color pairing is causing the text to almost appear as if it's vibrating. 


Check out the below chart for a breakdown of color pairings and whether they're good or poor. And remember, if you use graphics on social media, you'll need to include any flattened copy on them in your alt text.

Copyright © 2021 Alexa Heinrich - All Rights Reserved.


This website uses cookies.

We use cookies to analyze website traffic and optimize your website experience. By accepting our use of cookies, your data will be aggregated with all other user data.

DeclineAccept