Image Alt Text Length Guidelines
Alt text (alternative text) serves two critical purposes: making images accessible to screen reader users and providing context for search engines. The optimal length varies by image type — from empty alt attributes for decorative images to detailed descriptions for complex infographics. This reference covers recommended character lengths and examples for web images, e-commerce products, icons, logos, charts, and social media graphics.
When You Need This Table
- Writing alt text for websites to meet WCAG accessibility standards
- Optimizing e-commerce product images for SEO
- Deciding whether an image needs alt text or should be marked decorative
- Training content teams on accessibility best practices
- Auditing existing websites for accessibility compliance
| Context | Min | Max | Example |
|---|---|---|---|
| Standard web image | 10 | 125 | Golden retriever playing fetch on a sandy beach at sunset |
| E-commerce product | 20 | 100 | Nike Air Max 90 running shoes in white and blue, side view |
| Decorative image | 0 | 0 | (empty alt="") |
| Logo as link | 5 | 30 | Company Name home page |
| Icon button | 3 | 20 | Search or Close menu |
| Chart/Infographic | 20 | 125+* | Bar chart showing Q1 2025 sales by region. Details below. |
| Social media post | 10 | 100 | Team photo at the 2025 company retreat in Colorado |
| Email image | 10 | 75 | Sale banner: 30% off all items this weekend |
| Thumbnail | 10 | 80 | Video thumbnail: How to make sourdough bread |
*For complex images like charts, use brief alt text + detailed description in surrounding content or aria-describedby.
Writing Effective Alt Text
- Most screen readers truncate alt text around 125 characters
- Start with the most important information (front-loading)
- Don't start with "Image of" or "Picture of"
- Be specific: "red Toyota Camry" not "car"
Common Mistakes to Avoid
- Never omit the alt attribute entirely
- Don't use "image" or "photo" in the alt text
- Avoid keyword stuffing for SEO purposes
- Don't repeat surrounding text in the alt attribute
Why Alt Text Length Matters for Accessibility and SEO
Alt text length directly impacts both user experience and search engine visibility. For screen reader users, overly long descriptions can be tedious, while insufficient detail may leave critical context missing. Search engines use alt text to understand image content, making appropriate length essential for image search rankings. A 2023 study by WebAIM found that 67% of screen reader users rely on concise, informative alt text to navigate websites effectively.
Proper length ensures accessibility compliance (WCAG 2.1 SC 1.1.1) while avoiding keyword stuffing penalties. The guidelines in this table are based on extensive testing with accessibility tools like NVDA and SEO performance benchmarks from tools like Screaming Frog.
Common Alt Text Mistakes to Avoid
- Using generic labels like 'image' without descriptive details
- Including irrelevant keywords for SEO manipulation
- Forgetting to adjust length based on image context
For example, adding 125 characters to a decorative border image violates accessibility best practices. Another common mistake is using file names as alt text (e.g., 'IMG1234.jpg') instead of describing visual content. The table's 'decorative image' entry (0 characters) addresses this directly. When writing alt text for charts, many users forget to mention key data points in the description, making the infographic inaccessible to non-visual users. Following these length guidelines prevents these pitfalls while maintaining compliance with Section 508 standards.
Tools to Check Your Alt Text Effectiveness
- WAVE Web Accessibility Evaluation Tool (free) for instant feedback
- axe DevTools browser extension for WCAG compliance checks
- TextTools' own Alt Text Analyzer (coming soon) which will evaluate length, keyword relevance, and descriptive completeness
For SEO validation, Google's Lighthouse audit includes alt text analysis. Manual checks should focus on three aspects:
- Does the alt text convey the image's purpose?
- Is the length appropriate for the context?
- Are there any redundant phrases or missing details?
Combining automated validation with manual review ensures your alt text meets both accessibility and SEO requirements effectively.
Alt Text for Accessibility and SEO
Screen readers announce images and then read the alt text, so phrases like "Image of..." or "Picture showing..." are redundant and waste the user's time. Instead, describe what's in the image as if you're telling someone who can't see it. Be specific: "Golden retriever catching a frisbee" is more useful than "dog playing."
For functional images like linked logos or icon buttons, the alt text should describe the action, not the image itself. A search icon's alt text should be "Search" not "magnifying glass icon." A company logo linking to the homepage should say "Company Name home page" not "Company Name logo."
Decorative images that don't add meaning — like background patterns or stylistic dividers — should have empty alt attributes (alt=""). This tells screen readers to skip them entirely. Never omit the alt attribute, as this causes screen readers to read the filename instead.