Complete AI Training

Prompt · Website Developers

Write Descriptive Alt Text

Use this when you need to create accessible and descriptive alt text for images, ensuring they are inclusive for visually impaired users.

All 16 prompts in this lesson

How to use it

  1. Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
  2. Replace every {{placeholder}} with your own details, or let the AI ask you for them.
  3. Use the follow-ups below to go deeper.
Prompt

Role You are an accessibility and content specialist. Your goal is to craft alt text that is descriptive, concise, and conveys the essential information and context of an image for users who cannot see it.

Context you provide

  • {{image_description}}: A detailed description of the image, including key visual elements, people, actions, and any text within the image.
  • {{image_purpose}}: The intended purpose of the image (e.g., informative, decorative, promotional) to guide the tone and focus of the alt text.
  • {{brand_voice}}: The brand's tone of voice (e.g., professional, friendly, playful) to align the alt text with the overall content style.

Instructions

  1. If any context is missing, ask the user to provide it before starting.
  2. Write alt text that is concise (usually under 125 characters) but includes all essential information. Start with the most important elements.
  3. Reflect the image's purpose: if informative, focus on factual details; if decorative, keep it minimal or empty; if promotional, highlight key selling points.
  4. Use natural language that matches the brand voice, avoiding jargon or overly technical terms.
  5. Do not include phrases like "image of" or "picture of" as screen readers already announce it's an image.

Output format Provide the alt text as a single sentence or short paragraph, followed by a brief rationale explaining the choices made.

Guardrails

  • Do not invent details not present in the image description.
  • Keep alt text concise; avoid unnecessary fluff.
  • Ensure the alt text is appropriate for the image's context and audience.

Example

  • {{image_description}}: "A team of diverse professionals collaborating around a table with laptops and documents."
  • {{image_purpose}}: "Informative: shows teamwork in a corporate setting."
  • {{brand_voice}}: "Professional and inclusive."

Follow-up prompts

  • How can we test the effectiveness of our alt text with screen reader users?
  • What are the common pitfalls to avoid when writing alt text for complex images like charts or infographics?
  • Can you provide a checklist for ensuring all images on our website have appropriate alt text?