Twitter recently enabled features to add descriptions to uploaded images, a huge boon for accessibility. That’s a feature, how do you make it a habit?

Well, by doing it. I’ve been trying most of the time.

Alt text provides additional information to the HTML created when images are embedded in web pages. The primary purpose is for increasing accessibility for visually impaired people traveling the web; screen reader software will use it to describe images they cannot see.

This video is from 2010 but imagine experiencing twitter like this

I just played a bit with the Mac OSX Voiceover utility to read just 2 of my tweets. Enjoy the experience:

Twitter did add options for alt description tags in tweeted images, but it hardly got use or attention until a widely shared tweet from @_Red_Long

Still, to do this you actually have to turn on a featured buried in your twitter settings; one might wonder why it’s not a default to be on?

In fact I wonder if twitter knows how many few people have bothered to enable the setting.

I’ve been using it the last 2 months within the Echofon app on my iphone trying to be consistent, though I am far from getting it done 100% of the time. Maybe 85%? It is a problem because most of my tweeting is done in Tweetdeck and I do not see this feature enabled.

Here’s one example:

In Echofon there’s an editable field over the image, so it’s really not much effort to do:

Adding image descriptions via Echofon

I don’t see anything in the browser (because I can see the photo), but there in the HTML I confirm the alt text is present:

And in using the web interface, likewise, after uploading an image, I get an Add Description editable field.

Adding an image description in the twitter web interface

That’s the functional part of this — this is a buried option. Accessibility is 15th in a list of twitter settings. Last. Dead last.

Does the order of settings indicate something about twitter’s stance on accessibility?

Although Twitter’s support page is titled How to make images accessible for people all it tells you is how to turn the feature on. When the feature was announced in 2016, the marketing people honed this vacuous statement

We’re excited to empower our customers and publishers to make images on Twitter accessible to the widest possible audience, so everyone can be included in the conversation and experience the biggest moments together.

So excited that the accessibility setting is 15th in the list? That it is not enabled by default? That hardly sounds like “including everyone in the conversation”.

But more than that, there is the craft of writing this. And this is something I have been trying to hone. What is the most important things to get into an image description so someone who cannot see the image can read enough to understand?

I found a bit more help from Webaim on ALternative Text, with mention of considering the image as content vs function, it’s context, with many examples discussing the ways one might write image descriptions.

Pretty much elsewhere you find helpful suggestions like “Describe the image as specifically as possible”. Gee I never would have thought of that. And it should not start with or include “image of” or “picture of”. Or that it should be “meaningful”.

It is worth noting that the description should be both complete but also as short as possible.

The more links I read on googling “How to Write Good Alt Text” the more dismayed I got in how the bulk of the results were about the mechanics of doing it.

I’m sure there are some better guides out there.

But my approach is just to keep trying my own ways to write image descriptions and aim to get better just by the act of doing.

Frankly, this exercise underscored how accessibility is really a 15th item priority for most people. Maybe you can uprank it yourself.


Featured Image: File:Alt-key.jpg Wikimedia Commons image by Bü?ra ÖZCO?KUN published under a Creative Commons CC BY-SA license.

If this kind of stuff has any value, please support me monthly on Patreon or a one time PayPal kibble toss
Profile Picture for Alan Levine aka CogDog
An early 90s builder of the web and blogging Alan Levine barks at CogDogBlog.com on web storytelling (#ds106 #4life), photography, bending WordPress, and serendipity in the infinite internet river. He thinks it's weird to write about himself in the third person.

Comments

  1. Just a note that if you use TweetDeck, image descriptions aren’t available, even when the setting is turned on, which is strange. Arguably, TweetDeck’s compose sidebar gives even more room to add image descriptions, so I hope they bring it soon.

  2. Hey, Alan! Great post!

    When I help our faculty figure out how to describe their images for ALT text I think the best way to help them is to have them do a “phone test,” i.e. if you were reading this content out loud to someone over the phone, what would you say when you get to this image?

    If it’s hyperlinked, and it takes you somewhere, you’d maybe describe the image and where you will go if you click it – like the text you would underline before linking to something on your blog. An image that takes you somewhere is functional.

    But otherwise, knowing why you added the image and the context it’s in is everything. Keep doing your best with a short description, and if the description works a certain way with the text of your tweet, try to maintain that in your description (like if the image is a set-up, and your text is the punch line or vice versa).

    The best guide I know of for ALT text is one almost no one will read because it goes so deep into the woods trying to cover almost every possible situation. Let this page take you back in time to 1998: http://jkorpela.fi/html/alt.html

    Specifically, check out the section about “When an image says more than a thousand words”: http://jkorpela.fi/html/alt.html#content

    1. Thanks Cheryl, the links are super useful, but mostly the “phone test” is a perfect way in to finding alternatives for images. It’s also worth having people spend some time trying to navigate and understand using just a screen reader.

Leave a Reply

Your email address will not be published. Required fields are marked *