The Definitive Guide to ALT Text

ALT text is one of the oldest, simplest, and most overlooked features of the web. It's also one of the most important. Here's everything worth knowing — what it is, why it matters, how to write it well, and how it got here.

What is ALT text?

ALT text (short for "alternative text") is a written description of an image. On a web page it lives in the image'salt attribute; on social platforms it's the "description" or "alt" field you fill in when you attach a photo.

It does three jobs at once:

The test for good ALT text is simple: if you couldn't see this image, what would you need to be told so you didn't miss anything?

Why ALT text matters

The World Health Organization estimates that at least 2.2 billion people live with some form of vision impairment. Millions of them navigate the web with screen readers — software that reads a page aloud, top to bottom. When that software reaches an image with no ALT text, it says something like "image", or reads out a meaningless file name like "IMG_4021.jpg". The content of the picture simply vanishes.

Beyond access for its own sake, ALT text matters because:

The accessibility standard, in one line: WCAG Success Criterion 1.1.1 ("Non-text Content") — the very first checkpoint in the guidelines — says all non-text content needs a text alternative. It's a Level A requirement, the most fundamental tier.

How to write good ALT text

Good ALT text is accurate, concise, and written for context. It describes not just what an image is, but what it's doing on the page. A photo of a lighthouse in a travel article and the same photo used as a "download our app" button need completely different descriptions.

Do

  • Describe what matters for the context.
  • Keep it concise — usually a sentence or two.
  • Include any text that appears in the image.
  • For buttons and links, describe the action or destination.
  • Use empty alt="" for purely decorative images so screen readers skip them.

Don't

  • Start with "image of" or "photo of" — the screen reader already says it's an image.
  • Stuff in keywords for SEO. It's dishonest and it hurts real users.
  • Leave it blank on meaningful images, or dump the file name.
  • Over-describe every pixel — convey the point, not an inventory.
  • Repeat a caption that's already right next to the image.

For complex images — charts, diagrams, infographics — pair a short ALT text with a longer description nearby in the page text, so the detail is available to everyone.

Where ALT text came from

ALT text is nearly as old as the web image itself. It has been part of the HTML standard since the very beginning — the story is really about the world slowly catching up to using it.

The future of ALT text

For thirty years, the biggest problem with ALT text hasn't been the technology — it's been the effort. Writing a thoughtful description for every image, everywhere, is real work, and so most images on the web still have none. Three shifts are changing that:

The destination is simple: ALT text on every image, by default. Not because a checklist demands it, but because leaving people out was never acceptable — and now there's no good excuse left.

Where ALTtext fits

ALTtext exists to remove the last excuse. Drop in any image and it writes accessible ALT text in seconds — free, with no account and nothing to install. Edit it, copy it, and paste it wherever you need it. It began as a feature inside a social-media app and grew into something that deserved to stand on its own and belong to everyone.

The basics are free for everyone, forever. If you need it at volume — or for a team, or via API — ALTtext Pro lifts the limits and keeps the free tier running for the next person.

Try the ALT text generator →