Accessibility Tools
100% Client-Side 100% client-side text evaluation. Zero server calls.

Alt Text Decision Tree & Anti-Pattern Auditor

Generate compliant alt text and audit descriptions for screen reader accessibility

W3C Alt Text Decision Tree

Select the functional role of your image to determine the appropriate WCAG 1.1.1 implementation.

Screen Reader Best Practice

Never start alt text with "image of" or "picture of" because screen readers (VoiceOver, NVDA, JAWS) automatically announce "graphic" or "image" before reading the description.

Alternative Text Input

66 / 125 chars
Alt text is clear, concise, and conforms to WCAG 1.1.1 guidelines.
Generated Semantic HTML
<img src="photo.jpg" alt="Young engineer inspecting a solar panel array on a sunny afternoon" />

About Alt Text Decision Tree & Anti-Pattern Auditor

Follow the W3C Alt Text Decision Tree to properly categorize decorative, informative, and functional images. Detect anti-patterns like "image of", filename extensions, and length overruns.

Key Capabilities & Features

  • Interactive W3C Alt Text Decision Tree
  • Anti-pattern auditor (detects "image of", filenames, stuffing)
  • Character counter with 125-char screen reader threshold
  • Generates semantic HTML <img>, <button>, and <figure> tags
  • One-click markup copy

How to Use Alt Text Decision Tree & Anti-Pattern Auditor

1

Select Image Context

Categorize the graphic (informative, decorative, functional, chart).

2

Draft Description

Write a concise description focusing on content and purpose.

3

Verify & Copy

Resolve flagged anti-pattern warnings and copy semantic HTML.

Privacy & In-Browser Execution Guarantee

100% client-side text evaluation. Zero server calls.

Frequently Asked Questions

Should decorative images have an alt attribute?

Yes! Decorative images must have an empty alt attribute (alt="") so screen readers know to skip them. Omitting the alt attribute causes screen readers to read the image filename.

Why is "image of" an anti-pattern?

Screen readers automatically announce the presence of an image before reading the alt text, so writing "image of" makes the reader say "Graphic, image of a car".

What is the recommended alt text length?

Aim for 125 characters or fewer. JAWS and NVDA read alt text in chunks, and long descriptions should be placed in captions or body text instead.