Sharing pictures on social media is fun–but did you know that people who can’t see can still enjoy your fun photos with their ears?
Some social media platforms have built-in artificial intelligence that can attempt to detect what is in a photo, but it results in some pretty generic–and often very wrong–descriptions. Plus, it’s more fun to get to describe the photo in your own words. “Dog” or “Two people at a medium distance” leaves a lot to be desired when it could be “Murray, a black lab guide dog in harness looks towards the camera appearing to be smiling” or “Two people at a medium distance ride bikes in a field.”
Basically, why should you enter descriptions in your photos? So more people can have FUN and be included, that’s why.
So let’s get started.
What is alt text?
Simply put, alternate text is a simple description of what’s in your photo (or any other image). Screen readers will read the alt text, but it’s hidden within the code of a website, so it’s not visible to sighted people (unless, like me, they know how to poke around VoiceOver or JAWS).
How to use alt text on Twitter
- When you add a photo on Twitter, two bubbles pop up on top of the image – +ALT and a paintbrush (edit).
- Click +ALT.
- Describe your picture.
- Hit Done.
Yep. It’s that easy.
How to use alt text on Facebook
- Upload your photo as usual and hit the … [more] button in the top right.
Click “edit alt text” and describe.
How to use alt text on Instagram
Instagram is the least user-friendly of the three social media options I’ll cover today, hiding the alt text in a weird place. But, at least you’ll be able to find it. As well, the Android app may be a little different but it does exist there, too.
Upload your photo as normal, then hit Advanced Settings near the bottom.
(Yes. I know. This placement is horrendous, give me a direct button, Instagram!)
Scroll to the bottom of the advanced settings menu and hit Write Alt Text under Accessibility.
It’s not that bad, but it’s still clunky.
However, if you’re EDITING a post rather than adding it fresh, this will pop up with a very easy-to-find “edit alt text” button.
Unlike Twitter where you can’t edit anything, you can also add alt text later on Facebook if you forget.
PS. Isn’t my friend Katie’s doggo Abbey cute?
How to use alt text on WordPress
For our last instalment, the platform I’m writing on right now, WordPress.
Add your image to wordpress and go to Edit or to your Media tab. In the right-hand menu, enter the alt text in the provided field.
Yes. It was indeed that easy.
If like me, you often upload photos to an external source, you’ll have to go into your code editor to add the alt text.
Alt text away!
Okay go have fun while making things accessible and inclusive!
Need help? Tweet me @KerriYWG
(Also yes, somehow all the other images on my blog are broken. I don’t know what happened, but it’s a fascinating irony I guess for all the images to be NOT VISIBLE while writing an alt text how-to, to just underscore how potentially annoying it is to know you are missing part of what is out there!)