A Simple Guide for Writing Alt-text:
Part 1 — Basic Guidelines

There’s no one-size-fits-all, cookie-cutter method for writing Alt-text. Writing Alt-text is both an art and craft.

This multi-part tutorial updates best practices for Alt-text.

Prompted by revised accessibility standards, new AT (assistive technologies), and better awareness of the needs of a broader base of users, we take a new look at how we provide this critical information to everyone.

Basic Guidelines for Alt-text

Take a minute and think about each graphic. Why is it in the document? What's its purpose? This helps you choose the best technique to convey its message.

  1. Be concise. Eliminate unnecessary words.

  2. But, don’t leave out the essentials. Craft the right balance.

  3. Neither the WCAG nor PDF/UA accessibility standards specify a length for Alt-text. However, there’s a practical limit of how much Alt-text some ATs can provide the user. Some ATs clip the Alt-text after 200-300 characters — about the length of a long Tweet. There’s also a limit to how much detail human users can “process” as well. When necessary, use other methods to convey extensive details found in STEM graphics.

  4. Speak the Alt-text aloud and fine tune it. It should sound fluid and natural to your ears, not clipped or stilted. It's useful to test it with a screen reader, as well know how other AT will process it.

  5. Most screen readers and other AT announce that it’s an “image” or graphic. But that might not be accurate enough for some graphics, such as logos, technical illustrations, maps, and charts. If you think that “image” doesn’t describe the information well enough, then add a term that defines it better for AT users. But keep it short. Write “Caricature of President Obama” rather than “This is a caricature drawing of President Barack Obama.” (The remaining parts of this tutorial show ways to do this.)

  6. Put punctuation at the end of the Alt-text to improve screen reader voicing. A simple period does the trick.

  7. Don’t repeat the graphic’s caption in the Alt-text. That violates the accessibility guideline about repetitive information.

  8. Captions and Alt-text are not the same and have different purposes. Captions are editorial: wax poetic for as long as you'd like in the caption. But Alt-text is a literal description of the important visual aspects of the graphic and should be brief.

  9. Don’t bury details in Alt-text that aren’t available to everyone in the caption or body text. Captions are read by all users, whether or not they use AT. No one is left out. On the other hand, Alt-text is read only by those using text-to-speech AT, such as screen readers.

  10. Don't put hyperlinks or other action-items in Alt-text because they are not clickable. AT users have limited screen reader controls when hearing Alt-text.

  11. Whoever decides which graphics are inserted in the article or content is also responsible for writing their Alt-text. Author’s should not push this task down the foodchain. At least take a stab at it!

  12. Write for a broad audience because Alt-text is used not just by those who are blind. Users with partial vision, failing vision, and reading disorders also depend on Alt-text to clarify the details of what they can partially see or have difficulty understanding.

How to start

First, winnow down your options so that it’s easier to decide how to handle the graphic’s Alt-text.

We use these 4 categories to help decide the graphic’s purpose, the detail that must be conveyed, and the amount of Alt-text to write:

  • Branding, such as logos

  • Froufrou or decoration

  • Window-dressing and mood-setters

  • Critical information and STEM graphics

This multi-part tutorial shows how to write Alt-text for these different types of graphics.

Up Next

Part 2 — Branding — discusses images used for branding, such as logos, symbols, and nameplates.

References for the series

WCAG 2.1 (Web Content Accessibility Guidelines)

PDF/UA-1 (PDF Universal Access standards)

  • Figures:
    Figure tags shall include an alternative representation or replacement text that represents the contents marked with the Figure tag as noted in ISO 32000-1:2008, 14.7.2, Table 323.
    NOTE 1 See also WCAG 2.0, Guideline 1.1.
    https://www.w3.org/TR/UNDERSTANDING-WCAG20/text-equiv-all.html

  • Math:
    7.7 Mathematical expressions
    All mathematical expressions shall be enclosed within a Formula tag as detailed in ISO 32000-1:2008, 14.8.4.5 and shall have an Alt attribute.

Check this blog for forthcoming tutorials on writing specific types of Alt-text.

PubCom - Signature

Logo, Pub Com dot com.

PubCom creates solutions for accessible documents

We're technologists for accessible design and publishing. We help agencies, academics, authors, designers, and publishers build accessibility into their documents from start to finish.

  • Our courses about Sec. 508 topics are the best-in-class, but we also offer training in traditional desktop publishing, digital media, and office documents.
  • Our consulting services can help you develop an accessible workflow that works.
  • We also provide remediation services for your existing documents, but we prefer to "teach you how to fish" and make your documents so accessible that they don't need remediation.

We've been in the publishing industry for eons and our first classes in accessible documents were held in 2001, soon after Sec. 508 went into effect and WCAG 1 was released.

Summary: We know publishing, from editorial to design to distribution. And we focus on helping you maximize your technology, streamline your workflow, and seamlessly build accessibility into your publishing workflow.

 See how we work with you.

Sign up for our upcoming classes, or we can bring a custom curriculum to your agency to train your writers, editors, desktop publishers, webmasters, and accessibility technicians. We conduct traditional classroom courses and live online sessions.

We’re committed to making documents accessible for the nearly 35% of our fellow citizens who have disabilities that make it difficult for them to use computer technologies. .

Cartoon of a happy guy, fishing.We teach how to make your documents accessible.

Let us know how we can help you fish!

— Bevi Chagnon
CEO and Founder, PubCom