Accessibility
Alt Text Helper
Pick what the image is for, describe it in plain language, and get the right
alt attribute plus copyable HTML. Everything runs in your browser.
Describe the image
No uploadThe best alt text depends on why the image is on the page.
Describe what matters in the image instead of every detail.
The id of the page element that holds the full description.
Advanced options
Only used to build the copyable HTML snippet.
Recommended alt attribute
Informativealt attribute value
A golden retriever leaps to catch a frisbee in a sunny park.
60 / 125 characters
A screen reader would announce
Image: A golden retriever leaps to catch a frisbee in a sunny park.
HTML
<img src="dog-frisbee.jpg" alt="A golden retriever leaps to catch a frisbee in a sunny park.">How to write this alt text
- Describe what matters in the image instead of every detail.
- Keep it concise — around 125 characters or less.
- Do not start with "image of" or "picture of"; screen readers already say that.
How it works
Alt text depends on an image’s purpose, not just its pixels. Choose a purpose, add a
description, and the helper applies the WAI image-alt rules: informative images get a concise
description, decorative images get an empty alt="", functional images describe the
action, images of text repeat the words, and complex images point to a longer description.
Everything is computed on this page — nothing is uploaded.