consolelog.tools logo

Alt Text Suggester

Generate accessible alt text for images following WCAG guidelines

Generate Alt Text

Validate Existing Alt Text

Alt Text Best Practices

Do:

  • Be specific and concise
  • Describe the purpose and content
  • Consider the context and surrounding content
  • Use empty alt="" for decorative images
  • Provide equivalent information to sighted users
  • Use proper punctuation for natural pauses

Don't:

  • Don't say "image of" or "picture of"
  • Don't include file names or extensions
  • Don't use generic text like "image" or "photo"
  • Don't exceed 150 characters (use longdesc for complex images)
  • Don't repeat adjacent text exactly
  • Don't forget alt attribute (missing alt fails WCAG)

Examples:

Bad:image of a dog
Good:Golden retriever playing fetch in a park

Be specific and remove redundant "image of"

Bad:IMG_1234.jpg
Good:Team celebrating product launch

Describe content, not file name

Bad:Click here icon
Good:Download PDF report

Describe the action/destination, not the UI

Bad:Decorative border pattern
Good:

Purely decorative images should have empty alt

Bad:Chart
Good:Bar chart showing 45% increase in sales from Q1 to Q2 2024

Describe the key insight for data visualizations

Was this tool helpful?

Share Your Experience

Help others discover this tool!

Share on Twitter

Frequently Asked Questions - Alt Text Suggester