Alt Text Generator

The Alt Text Generator turns a plain description into three ready-to-copy alt text suggestions tailored to the image's job on the page. Choose a context — decorative, icon button, linked image, content, or photograph — and a tone of concise or detailed, and the tool applies the right template patterns: functional images describe the action, linked images name the destination, and decorative images correctly collapse to an empty alt attribute. A link target field appears when you pick the linked-image context, so suggestions can say where the image points. Each variation is a click-to-copy button, and the tool also builds a complete HTML snippet like <img src="image.jpg" alt="..." /> with attributes properly escaped. A WCAG guidance panel walks through the 1.1.1 Non-text Content success criterion, including the rule that screen readers already announce the image role, so phrasing like "image of" is redundant. For content editors and developers who want accessible image descriptions that comply with WCAG without memorizing the spec, this generator offers a fast, correct starting point — with the honest caveat, printed right in the interface, that human review is still required.

1. 1

   Describe what the image shows in the "Image description" field.

2. 2

   Pick the matching "Context" — Decorative, Icon button, Linked image, Content / illustration, or Photograph.

3. 3

   Choose "Concise" or "Detailed" in the "Tone" selector.

4. 4

   If you selected Linked image, fill in the "Link target" field that appears.

5. 5

   Click any of the three suggested variants to copy it, or grab the HTML snippet below.

• Writing alt text for blog illustrations during a content migration to accessible templates.
• Labelling icon-only buttons in a web app toolbar during an accessibility audit.
• Generating descriptive text for product photographs on an e-commerce listing.
• Handling linked banner images by describing both the image and its destination.
• Teaching content editors correct empty-alt usage for decorative imagery.
• Producing consistent, reviewed alt text across a multi-author publishing team.

• Choose the context first — it changes the entire template the generator applies.
• Prefer Concise tone for production markup; Detailed is useful for audits and drafts.
• Keep descriptions under 125 characters to stay within screen-reader brevity guidance.
• For decorative images, accept the empty alt suggestion rather than forcing a description.
• Always re-read generated variants against the actual image before publishing.

• Click any variant card to copy it with a confirmation toast.
• The context hint under the dropdown reminds you what each mode is for.
• Switch tone back and forth to see how phrasing changes per template.
• Use the HTML snippet as the final paste target after picking your variant.