Write useful alt text for images
Writes alt text for uploaded images that describes what matters on that page, for screen reader users first and search second.
I am attaching images from a web page. Page context: {{PAGE_CONTEXT}}
Write alt text for each image.
Rules:
- Describe what the image shows that matters for this page, not everything in it.
- Under 125 characters each.
- Do not start with "Image of" or "Picture of".
- For charts, state the main takeaway and key numbers.
- For text in images, include the text.
- If an image is purely decorative, say so and give alt="".
- Do not stuff keywords.
Number the answers to match the order of the images.Example output
Image 1: Bar chart showing support tickets falling from 420 in January to 180 in June. Image 2: decorative, use alt="". Image 3: Barista pouring oat milk into a flat white at the Leeds shop.
How to use
Upload the images to a model that accepts images, then paste this prompt. PAGE_CONTEXT can be the page title and one sentence on its purpose.
Why it works
Good alt text depends on why the image is on the page, so the prompt gives the model that context instead of asking for a generic description. Rules for charts and decorative images cover the cases people most often get wrong.