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!

Frequently Asked Questions - Alt Text Suggester