May 18, 2024

i-Guide Line

Splendid Computer&Technolgy

The Hidden Image Descriptions Making the Internet Accessible

11 min read

The introduction to the article, surrounded by a collection of examples of alt text, displayed over blank boxes, arranged in a scattered formation.

You’ve landed on an article with black text on a white background.

A list of examples of alt text, some with spelling errors, displayed over blank boxes.

  • Cute puppy lying on sofa.

  • Neon sign reading, “open.”

  • A firefighter leans on an axe in a burning forest.

Surrounding this paragraph are empty boxes overlaid with short lines of text.

Another list of examples of alt text, some with typos, displayed over blank boxes.

  • Back of a person’s head with long dark hair

  • Penguins diving through a school of fish.

  • Hot pink puffy coat.

Each line of text stands in place of an image.

Another list of examples of alt text, some with typos, displayed over blank boxes.

  • dog, puppy, husky, Alaskan husky

  • final_final.jpg

  • Cupped hands holding two garden gnomes.

  • image

Many people rely on text like this to navigate the internet.


Three different alt text examples over a blank box.

  • A painting of a person.
  • May be an image of one person and strawberry.
  • Mona_Lisa,_by_Leonardo_da_Vinci,_from_C2RMF_retouched.jpg

Leonardo da Vinci’s painting, the Mona Lisa.

The text boxes above are examples of alt text, which people who are blind or have low vision often rely on when navigating the web. When it’s available, the text can be detected and read aloud or translated into Braille through screen readers, assistive technology that can be accessed in the form of software programs, apps or even browser extensions. For these users, alt text is essential to the online experience.

But it is not always available, or even helpful. Haben Girma, a lawyer and disability rights advocate, said she frequently comes across words like “‘image,” “jpg” or “graphics” when navigating the web with a screen reader. “That doesn’t tell me anything,” she added.

And in an image-saturated world — over 63 million were uploaded to Instagram alone in a single day in February, according to Internet Live Stats — it can be difficult for people who are blind or have low vision to fully experience the web.

Three alt text examples for an image of pancakes.

  • May be an image of fruit.
  • A slice of pizza sitting on top of a white plate.
  • A plate of pancakes with fruit.

Five small pancakes on a plate topped with raspberries, blueberries, lemon zest and syrup.

Partly in response to this changing landscape, disability rights advocates, people with vision-related disabilities and technologists alike have been coming up with ways to increase the presence and the quality of alt text.

Alt text is usually tucked away in a web page’s HTML code, the language that defines how information will appear on a browser. Screen readers can access the information and translate it into a format that users can interact with, but for those without the assistive technology, alt text would not be apparent.

A kitten at the window.
<article role="presentation">
  <img alt="Kitten at the window." src="" />

Here’s what a screen reader would sound like when encountering this image.

Many social media platforms have features that enable people to add alt text to their posts manually. On sites that permit a longer word count on posts, like Instagram, people may even include the description of the image they are sharing in the caption accompanying it.

Despite the presence of these options, the practice remains little known and mystifying to many.

One analysis of a million homepages, by WebAIM, a nonprofit organization affiliated with Utah State University that focuses on web accessibility, found that as of February 2021, 60.6 percent had instances of missing alt text. A Carnegie Mellon study in 2019 of 1.09 million tweets with images found that only 0.1 percent of those tweets included alt text. (The New York Times has been working on rolling out alt text for its images.)

Three alt text examples for one image containing President Joe Biden.

  • May be an image of 5 people, people standing and outdoors.
  • A group of people standing next to a train.
  • A group of men standing next to a helicopter.

President Joe Biden, wearing a medical mask, walking down a flight of stairs out of a green helicopter. Three men in uniform salute him with their right arms from the ground.

In Search of Solutions

Some companies have turned to artificial intelligence to increase the presence of alt text. Microsoft and Google have both developed features that use A.I. to automatically generate alt text. In 2016, Facebook debuted its own “automatic alt text,” which uses A.I. to identify objects in images, which it also added to Instagram in 2018. (Instagram Stories does not have an option for alt text.) Cynthia Bennett, a researcher at Carnegie Mellon University’s Human-Computer Interaction Institute, who is blind and uses a screen reader, said that artificial intelligence and automation have enabled alt text to be generated much more widely. But the descriptions she comes across, she added, “tend to not be very high quality.”

A.I.-generated text can indeed be puzzling: “I have been in situations where the A.I. will say, ‘A person holding a gun,’ and that person is not holding a gun,” Girma said. “The A.I. got confused. Or it says, ‘A child in a chair.’ But it’s not a child; it’s an adult.”

An industry has also sprung up to address issues of quality and scale, with some companies taking a human-based approach and others working on auto-generated alt text.

One company, Scribely, offers alt text written by people. Its chief executive, Caroline Desrosiers, said that while A.I. can identify objects, humans are far better at deciding which parts of an image are important to describe. Also, she said, “Alt text needs to be short and succinct, so we have to make a call on which details that we choose to highlight.”

The start-up CloudSight focuses instead on mustering the power of algorithms. Brad Folkens, the chief executive and co-founder of the company, said that its A.I. had to rely on human review in its early stages of development, to ensure the quality of its descriptions. But, he added, the technology has since evolved to be able to function independently. It “does a good enough job” for CloudSight’s clients, he said. (The company still offers human-reviewed services at a premium.)

Some disability rights advocates say that A.I. alt text is improving — yet still often misses the context and what Chancey Fleet, a disability rights advocate and tech educator, calls the “emotional valence” of a human description. “For example, a photo from a Black Lives Matter protest would be something like ‘people street demonstration,’” Fleet said, “and that just does not suffice in moments of importance.”

Three alt text examples for one image of the Poler Napsack.

  • The our pick for the best wearable lleeping bag the Poler Napsack.
  • a person holding a pair of skis in the snow.
  • A picture containing work-clothing.

A bright red sleeping bag with drawstrings near the base, a retractable hood, a front pocket and zipper that spans the top half of the sleeping bag.

The Push for Alt Text

The inclusion of alt text is a no-brainer to those championing its consistent, wider use.

Some observers, like Thomas Reid, a voice actor and podcast host who is blind, say that social media is helping them broadcast their message and make people more aware. “We’re having these conversations in public, and it’s easy to jump into them,” Reid said.

The designer and disability rights advocate Alex Haagaard has been part of the dialogue with a series, “Shitty Alt Text,” critiquing Instagram’s A.I.-generated alt text for the Mona Lisa (“Image May Contain 1 or More Persons”), Katsushika Hokusai’s “The Great Wave off Kanagawa” (“May Be Art of Water”) and others.

Girma, who is blind, regularly uses her Instagram and Twitter accounts to invite others to write alt text for the images they post online, as well as to share suggestions on how to craft alt text and to direct followers to useful resources. “You don’t need to describe every leaf and detail. Write one or two sentences describing the main point of the image,” the caption of one of her Instagram posts reads.

She is not the only one providing detailed advice on social media. In a Twitter post, a blind activist, Amy Kavanagh, advises her followers to think about context: “If it’s a fashion picture, tell me about the clothes. If it’s a group photo, I don’t need every outfit described.”

Imani Barbarin, a communications professional and disability rights advocate, uses her TikTok account to urge others in her industry to include alt text in their resources for brands and nonprofits: “That’s part of your job,” she says in one video, “you have to include it.”

Alt text from Getty Images for a stock photo hosted there.

  • Teamwork saves the day : Stock Photo
  • a group of people standing next to each other.
  • A group of people jumping.

A diverse group of five people in office attire looking up at the camera, smiling, raising their fists.

The artists Bojana Coklyat and Shannon Finnegan have taken a robust approach with Alt Text as Poetry — a website, workbook and series of workshops — in their effort to encourage the use of alt text among artists and on social media.

“When you’re online or on Instagram to have fun or feel a sense of belonging, and you’re constantly getting these dry, minimal descriptions, it takes away from that delight or pleasure,” said Coklyat, who has low vision.

Finnegan and Coklyat said that when people use expressive or playful alt text on social media, in either the HTML or written into a caption, they can expose others to the practice, and inspire them to try it.

Fleet, the tech educator, who is blind, posts on Twitter about alt text and agrees that these efforts are making a difference. She, like Coklyat and Finnegan, has noticed an uptick in people using alt text mindfully on social media.

Digitally savvy social media users have also jumped in to help: Image Description Bot — developed by Cole Gleason, a research scientist working on accessibility — provides auto-generated alt text for tweets with images on Twitter. Alt Text Reminder, another Twitter bot, notifies followers when they have tweeted an image without alt text. (The bot’s creator, Hannah Kolbeck, has also built a tool to quickly generate alt text for Wordle results that can be shared on social media.)

An example of an image description from Instagram.

  • I’m a Black woman with long, dark hair and dancing hazel eyes. I’m sitting on a rock petting Mylo, my German Shepherd Seeing Eye dog. With his pointed ears and open mouth he exudes joy. The rocks behind us have the white foam of crashing waves, and in the distance an island rises out of the ocean. #ServiceDogsOfInstagram #Hawaii #Maui
  • A person with a dog on a rocky beach.
  • May be an image of 1 person, dog and outdoors.

A person and a dog sitting on a cliff with the ocean behind.

Questions of Identity and Representation

What information and descriptors should and shouldn’t be included in alt text is also fodder for debate.

Coklyat and Finnegan, of Alt Text as Poetry, invite nuanced approaches.

In a workbook on their website, the pair encourages people to engage with complex questions of subjectivity, identity and representation that may come up when translating an image to text. “Lots of information about identity is communicated visually, but that information is often filtered through guesswork, interpretation and bias,” Coklyat and Finnegan write. “When and how do we describe race, gender, disability status, age, height, weight, etc.?”

The question has not been easy to answer. Reid, the podcast host, argues that omitting details like race and gender takes the choice and agency away from the alt-text consumer. “Let me have that experience,” he said. “That’s what access is about.” (He advises people writing alt text to verify how a person in a photo identifies — and if that’s not possible, to describe skin color instead of race.)

An example of an image description for a meme.

  • Top photo, person finger writing in sand as tide comes in. “My brain recording my good memories.” Bottom photo, person chiseling letters into stone. “My brain recording cringe memories.”
  • A picture containing text, person, outdoor, shore.
  • May be an image of 2 people and text that says ‘My brain recording my good memories My brain recording my cringe memories.’

Folkens of CloudSight said that his company is careful not to use racial identifiers in the alt text it generates. “We don’t want to be in the situation where we’re misidentifying those types of categories, because obviously you can get very problematic, very quickly,” he said.

Folkens also pointed to another risk with automated systems: that they replicate the biases — including racial ones — that exist in the data used to train the A.I. “A.I. is not this kind of all-intelligent thing,” he said. “It’s just a very, very good probability engine. So you feed it enough of something, then it’ll have the same kind of bias that’s in the data.”

Though opinions about what details should be included for those using screen readers diverge, most people agree on one point: that the presence of alt text is an important step toward making the internet more accessible.

At its core, they all emphasize that alt text has to encapsulate the purpose and meaning of an image. Or, as Dr. Bennett put it, “what someone would need to know if the image wasn’t there.”

The challenge, Girma said, is to get more people and organizations to use “any alt text at all.”

In that respect, making a change for the better takes only a few mouse clicks and some extra typing — “someone just taking that minute to be a human being and connect,” Coklyat said.

Copyright © All rights reserved. | Newsphere by AF themes.