Capturing the Magic of GIFs through the Art of Human Description [AccessU 2023]

There’s alt text for images and then there’s alt text for moving images. Learn how Scribely and GIPHY partnered to develop sustainable processes for crafting meaningful GIF descriptions at scale.

Caroline Desrosiers

Founder & CEO

May 7, 2023

10 minutes

Three people wearing pink smile together as they look at a smartphone screen. The phone has a bright pink case. One person with long pink hair and another with short brown hair laugh.
Image Description
Image Description Goes Here
ALT

Introduction

Do you use GIFs? Who are we kidding, of course you do! Most of us use them daily or close to it, in work conversations, text messages, emails, and on social media. Because they can convey emotions, ideas, and humor in a way that words and static images often can’t, we adopted them into our vernacular so quickly and seamlessly that we don’t even think about it. 

Note: This is a recap of our presentation at AccessU 2023.

GIFs are an important and fun part of our daily lives. They move us to moments of joy and happiness and have become a part of the way we communicate. We even reference them in our spoken conversations!

Yet did you know that, currently, GIFs exclude millions of people from the conversation? That’s because most GIFs don’t have alt text, are not contextually descriptive, or lack a written description of what’s happening in them. So for people with varying disabilities, it’s as if what’s in the GIF is redacted or blacked out, leaving them clueless as to what it contains. And there are billions of GIFs!

But friends don’t let friends miss out on internet GIFs. That’s why we teamed up with GIPHY to create a sustainable approach to delivering alt text at the speed of conversation. Keep reading to learn how we described some of the most popular GIFs on the internet today, and how you can be part of making these important bits of internet culture more inclusive for everyone.

Why Making Internet Culture Inclusive and Accessible Matters

Picture this: You and your colleagues have been bantering back and forth when someone tells a joke. Right as they get to the punchline, a loud noise happens and you can’t hear it.

Everyone explodes with laughter, then continues building on the joke for quite some time. It seems you’re the only one who didn’t hear it, and when they reference it a few days later at the company party, you’re still completely out of the loop…until a kind coworker notices your bewilderment and explains the punchline.

For people who use assistive technology (AT), this experience happens all the time on the Internet. In this particular case, the GIF is the punchline and the alt text is the kind coworker.

This happens because AT like screen readers and refreshable braille displays are programmed to read what’s contained in the img <alt> attribute in the HTML code. But if <alt> is empty, AT simply alerts the user that a GIF is present, then moves on without describing the GIF. Talk about a terrible experience!

Every now and then, though, a GIF does have alt text, but it lacks the nuance and details that would actually convey the emotion or sentiment of the GIF. To be fair, writing descriptive alt text is hard! That’s why it’s important to bring the experts in.

To be accessible, GIFs need alt text, and that starts at the source, meaning GIF providers like GIPHY. And bonus! When the alt text is actually good, meaning human-generated and reviewed for quality and content, people who use the GIFs can quickly review the alt text and share their GIF with confidence.

How GIPHY Prepped its Platform for Alt Text

The ultimate priority for GIPHY was to first identify the content they would prioritize for alt text, which included top results for some of the most popular searches on GIPHY.

From there, they could then tackle how to turn the data they did have on their GIFs into descriptions. Metadata is data about the file itself, and each GIF on GIPHY contains metadata like tags and titles that give context to the image. GIPHY provided that data to Scribely to aid in composing descriptions. In addition, with such large numbers of GIFs, they had to create a system that would allow them to quickly and accurately import alt text once received and ensure that it was in the proper fields on the front end. Finally, it all came down to testing, testing, testing to ensure a seamless and enjoyable experience for AT users.

Scribely’s Approach and Methodology for Delivering Human Descriptions at Scale

What does it take to write alt text that is equivalent to the sighted experience of GIFs? GIFs are highly nuanced, even though we process that nuance in a matter of seconds. When we experience GIFs, we utilize a sense of humor, empathy, knowledge of pop culture, the ability to contextualize, comedic timing, and so on. All of these need to be captured in the alt text in order to deliver a similar experience.

In addition to following Scribely’s proven method for writing alt text that delights and spreads joy (previously detailed in our article about alt text for smart SVGs), we:

1. Assembled writing and quality assurance (QA) teams with the right stuff

  • The alt text writers needed knowledge of accessibility, pop culture appreciation, creative writing experience, ability to research efficiently, ability to write succinctly, a sense of humor, and empathy.
  • The QA team needed to be exceptional at spelling, grammar, and syntax, as well as have experience with Scribely’s style and tone and have a genuine interest in fact-checking tags and references.

2. Created procedures and guidelines to maintain high standards

  • A detailed writing guide about how to describe GIFs specifically.
  • A list of the most common GIF IDs and a call to add more as needed.
  • Alt text samples that provided examples of format and style.
  • Permission for writers to skip unknown references and challenging GIFs so as to not get stuck.
  • Open communication between the writing and project management teams.
  • QA review and feedback so writers could incorporate notes and edits moving forward.

3. Planned for effective time management to preserve quality and prevent writer burnout

  • Phased Approach. The project was divided into three phases so Scribely could batch deliver alt text to GIPHY at a steady pace.
  • Weekly Quotas. Writers and QA team maintained weekly quotas to balance the flow and prevent burnout.
  • Filtered Tags. We filtered the list by reference tags to find GIFs that played to different writers’ strengths (e.g. reality TV, movies, anime).

4. Created a process for researching super obscure pop culture references

  • Titles and Tags (SEO terms provided by the creators).
  • Related GIFs (finding GIFs with the same tags in GIPHY’s system).
  • Visual Search (looking for similar images on Google).

Making Our Wildest Alt Text Dreams Come True

Now that we’ve tested the process, both GIPHY and Scribely are ready to dream bigger! 10,000 GIFs is just a drop in the ever-expanding GIF ocean, so it’s time to expand. We hope to have more API integrations (Instagram Comments is already live!), as well as to continue to describe more and more of the most popular GIFs. We also want alt text writers to get credit through alt text attribution, and GIPHY's product plan is to empower content providers with the ability to add their own alt text while leveraging Scribely’s team for quality control and moderation.

In addition, we hope to run a pilot project that tests embedding alt text in a GIF’s metadata so that it travels with the file everywhere, including places like Microsoft, Google, and Apple workplace programs. And above all, we want to incorporate assistive technology users into product development and testing to ensure that our work continues to make the internet more accessible for everyone.

Aerial view of a person using a credit card to make a purchase on an e-commerce product page. Their open laptop is resting on a wooden surface next to a pink pencil holder and Apple magic mouse.
Image Description
Image Description Goes Here
ALT

Check out Scribely's 2024 eCommerce Report

Gain valuable insights into the state of accessibility for online shoppers and discover untapped potential for your business.

Read the Report

Cite this Post

If you found this guide helpful, feel free to share it with your team or link back to this page to help others understand the importance of website accessibility.

Table of Contents

Scribely's Alt Text Checker

With Scribely's Alt Text Checker, you can drop a URL and scan for common alt text issues. Download a report and get organized on next steps to making your images accessible.

Free Scan

Related Articles

A close-up, low-angle shot of a stack of magazines standing upright, viewed from the spines. The pages’ ends are rough and textured, with a mix of light and dark brown tones. In the background, the colorful and varied covers of the magazines are visible but blurred.

Image Description

Image Description Goes Here

ALT
Alice pulls back a curtain with one hand while clutching a skeleton key with the other. She wears a dress with short, puffed sleeves and a flaring, calf-length skirt under an apron. Her hair hangs loosely around her shoulders as she leans forward to look at a knee-high door revealed by the curtain.

Image Description

Image Description Goes Here

ALT
Abstract digital artwork of geometric shapes with warm orange, blue, and pink tones, creating a layered, architectural concept with sharp angles and overlapping surfaces.

Image Description

Image Description Goes Here

ALT
A black and white isometric illustration depicting a centralized digital network. In the center, a large platform supports an orb representing an AI or neural network with smaller orbs connected. This central hub is connected by lines to various floating user interface windows. Four people stand at the smaller orbs using laptops to interact with the technology to illustrate an interconnected workflow.

Image Description

Image Description Goes Here

ALT
A screenshot of the Instagram "Create new post" screen. On the left, there is a preview of an image featuring a single, vibrant red poppy in a sunlit field of green and yellow wheat. On the right, under the post settings, the "Accessibility" menu is highlighted with a red rectangle, showing the user where to find the option to add alt text.

Image Description

Image Description Goes Here

ALT
A minimalist photograph shows three white, Scrabble-like tiles that spell the word 'ALT.' The tiles are perfectly centered against a solid coral-colored background.

Image Description

Image Description Goes Here

ALT
Collage of 4 photos of the disability rights movement featuring the 504 Sit-in, Disability Independence Day, the 0 Busters at Gallaudet, and the Capitol Crawl.

Image Description

Image Description Goes Here

ALT
The Met Gala 2025 steps featuring deep blue carpet with golden daffodils scattered throughout the scene. Title on image reads, "The Top 10 Looks from Met Gala 2025 with Accessible Image Descriptions."

Image Description

Image Description Goes Here

ALT
Cluttered workspace with open books filled with interior design and architecture images, a pair of black-rimmed glasses, crumpled pieces of paper, notebooks, and a laptop.

Image Description

Image Description Goes Here

ALT
Person points at colorful charts and graphs displayed on a laptop screen, analyzing data in a collaborative work setting with a colleague across the table writing in a notepad.

Image Description

Image Description Goes Here

ALT
A hand holds a white digital stylus, poised over a tablet screen, ready to draw or write. Colorful computer monitors and a keyboard fill the blurred background.

Image Description

Image Description Goes Here

ALT
Overhead view of two people sorting through a collection of abstract art prints laid out before them on a surface. They both point at a piece featuring a dark square with simple white line drawings.

Image Description

Image Description Goes Here

ALT
A freshly sharpened yellow pencil lies on lined paper, surrounded by scattered shavings and graphite dust.

Image Description

Image Description Goes Here

ALT
Hand holds a marker to an easel pad showing a hand-draw visualization of an image workflow that includes a user interface, database, and website creation.

Image Description

Image Description Goes Here

ALT
Person sits in a dimly lit room staring blankly into the light of their smartphone screen, head falling towards the couch like they're drained of energy.

Image Description

Image Description Goes Here

ALT
Closeup of a smart phone fixed to a tripod recording a man with short braids and a floral shirt. He sits in front of a low beige sofa as he smiles and points at the camera.

Image Description

Image Description Goes Here

ALT
First person view of a person holding a smartphone and swiping social media with a blurred view of a photo gallery on a Mac behind it.

Image Description

Image Description Goes Here

ALT
Several dusty and disintegrating framed portraits piled atop one another in an empty, run-down space.

Image Description

Image Description Goes Here

ALT
Media
April 19, 2022

Why NFTs Need Alt Text Now

Three people wearing pink smile together as they look at a smartphone screen. The phone has a bright pink case. One person with long pink hair and another with short brown hair laugh.

Image Description

Image Description Goes Here

ALT
Laptop screen with an image of Vimeo's logo next to YouTube's logo. Vimeo's video player user interface is at the bottom of the screen. Text below reads, "Vimeo and YouTube are letting us down." Scribely decorative squiggles separate the laptop from headphones and audio wave icons. Scribely logo in the bottom right corner.

Image Description

Image Description Goes Here

ALT
Person on the far side of a computer screen with their head buried in both hands under an icon for an accessibility overlay.

Image Description

Image Description Goes Here

ALT
Grid of four GIF screenshots featuring four Disabled women doing various reactions with white caption text on each screenshot like “Spill the tea, girl” and “That’s hot.”

Image Description

Image Description Goes Here

ALT
Close up of a person opening a journal at a wood table. They hold a pen in one hand, and a pot of tea and a mug sit in front of the journal.

Image Description

Image Description Goes Here

ALT
The Met Gala 2024 steps draped in a cream-to-seafoam-green ombré carpet, bordered by lush white blooms and topiary greenery. Title on image reads, "The Top 10 Looks from Met Gala 2024 with Accessible Image Descriptions."

Image Description

Image Description Goes Here

ALT
Screenshot of Scribely’s Alt Text Checker. Text reads “Identify alt text issues on your website. Enter your URL below, and Scribely’s Alt Text Checker will scan your webpage for alt text issues and suggest next steps for improvement.” above a fillable field with “Enter your URL” to the left and an Analyze button to the right.

Image Description

Image Description Goes Here

ALT
Front of a digital camera resting on a tripod with a small fuzzy microphone attached to the top via a red cord with a blurred building in the background.

Image Description

Image Description Goes Here

ALT
Resources
April 3, 2023

How to Make Video Accessible

GIPHY logo in all capital, block letters and the cursive Scribely logo, both in white text against a violet-purple background.

Image Description

Image Description Goes Here

ALT
Glimpsed between two open, silver laptops, a person points at a screen as a slightly smaller pair of hands of a younger person rest near the keyboard.

Image Description

Image Description Goes Here

ALT
Blue flag with a ring of 12 yellow stars printed on a 100 Euro bill, which overlaps an American the D of an American dollar bill.

Image Description

Image Description Goes Here

ALT
Resources
September 1, 2024

European Accessibility Act (EAA)

Graphic. Text below an illustration of an open laptop reads, “A Visual Description & Accessibility Glossary” in white text against a sage-green background. The cursive Scribely logo is in the bottom right corner.

Image Description

Image Description Goes Here

ALT
View down onto an open, silver laptop as a person with long red fingernails touches the built-in mousepad. They hold a green credit card in the other hand.

Image Description

Image Description Goes Here

ALT
Woman throws both arms up as she smiles widely, her eyes closed amid a shower of glittering confetti. She wears a teal-green, velvety jacket.

Image Description

Image Description Goes Here

ALT
Person against wood paneling holds one arm across her body to cup the opposite elbow. She holds that second hand to her chin and index finger on her jawline. She looks up, head tipped to the left and smiling.

Image Description

Image Description Goes Here

ALT
Person facing away from us works at a computer with a wide screen. The person wears headphones, and a laptop sits next to a lamp on the desk.

Image Description

Image Description Goes Here

ALT
Pincers at the end of a robotic arm hold a dark pink Gerbera daisy against a sky-blue background.

Image Description

Image Description Goes Here

ALT
Two different hands reach towards one another, nearly touching, as if they are about to shake hands.

Image Description

Image Description Goes Here

ALT
Resources
August 12, 2020

A Guide to Inclusive Language

Person with shaggy, chin-length hair sits with their back to us as they look at a computer screen. They wear headphones and a black and white plaid shirt.

Image Description

Image Description Goes Here

ALT
Accessibility
November 19, 2020

Talking Images: A Screen Reader Revolution

Two smiling people sit on the ground on either side of a low coffee table. Studio-style microphones are set up in front of each person, and one of them touches the mousepad of a laptop.

Image Description

Image Description Goes Here

ALT
Six dancers wearing all black pose in a tightly knit group in front of a concrete wall under a blue sky.

Image Description

Image Description Goes Here

ALT
Person smiles as they move toward us, listening to their device with earphones with a white wire. Out of focus, others walk along the city street in the background.

Image Description

Image Description Goes Here

ALT
Smiling person captured mid-jump in front of white aluminum siding. The person’s long hair floats up as they tuck their heels close to their hands, which are down by their sides.

Image Description

Image Description Goes Here

ALT
Dozens of people facing away from us gather in a courtyard or square. Two people in the middle of the crowd bow their heads and lift their right fists high.

Image Description

Image Description Goes Here

ALT
Person sitting, folded up in a shopping cart. Out of focus, they rest one elbow on the edge of the cart and rest their forehead in that hand. A text box reads, “2023 E-Commerce Content Accessibility Report.” The cursive Scribely logo is above.

Image Description

Image Description Goes Here

ALT
Dancer strikes a pose resting on one hand and one foot, their hips lifted. Their other hand and leg cross over their body. They are on a brick walkway leading to Voorhees Town Center.

Image Description

Image Description Goes Here

ALT

Ready to get started?

Turn intentions into actions, start here!