Alt Text Helper

Write accessible image alt text

Image Type

Describe the subject, action, and setting.

Context

Alt Text

Character Count: 0

Checklist

0/4

Best Practices

1.Describe the content and function, not the appearance.
2.Keep it under 125 characters when possible.
3.Use empty alt="" for purely decorative images.
4.Don't repeat information already in surrounding text.
5.For charts, include the key data points in the alt text.

What is Alt Text Helper?

Pick your image type, write alt text with help from type-specific prompts, and check it against an accessibility checklist. Includes tips and examples for screen-reader-friendly descriptions.

How to use

Select the type of image you're describing: photograph, icon, chart, decorative, or informational.
Use the prompt for your image type to write a concise description.
Review your alt text against the accessibility checklist, then copy it for use in your HTML or CMS.

Result

For a bar chart showing Q1 sales: instead of 'chart.png', write 'Bar chart showing Q1 2024 sales by region: North America $2.1M, Europe $1.8M, Asia $1.4M'.

Related Tools

Screen Reader Text Preview

Preview how screen readers interpret your content

Focus Order Visualizer

Visualize keyboard tab order on any webpage

Font Size Tester

Preview text at different font sizes

Dyslexia-Friendly Text

Reformat text for easier reading

Large Text Mode

Enlarge any text for easy reading

High Contrast Mode

Preview content in high contrast