Text alternative for images that conveys purpose or meaning when the image cannot be perceived. Decorative images should have empty alt ("").
Alternative text (alt text) is supposedly simple: describe your images for people who can't see them. Yet somehow, it's one of the most consistently botched aspects of web accessibility. We see everything from missing alt text to novels that would make Tolstoy jealous.
Here's what alt text really is: it's the textual replacement for an image when that image can't be perceived. Not just for blind users – for anyone whose images won't load, who has them disabled to save data, or who's using a text-only browser. Yes, those still exist.
But alt text isn't just about accessibility compliance. Search engines use it to understand your images (hello, SEO boost). Social media platforms use it for their accessibility features. Email clients display it when images are blocked. That product photo with no alt text? You're missing opportunities across multiple channels.
Writing good alt text is like writing haiku – every word must earn its place. Here's what most people get wrong:
Context is everything. The same image needs different alt text depending on where it appears. A headshot on an "About" page might be "Jane Smith, CEO" but on a blog post about leadership, it might be "CEO Jane Smith speaking at the 2024 Leadership Summit."
Decorative vs. Informative. Not every image needs alt text. That decorative swoosh that's just for visual flair? Empty alt attribute (alt=""). But that infographic showing your process? That needs comprehensive description. The trick is knowing the difference.
The Goldilocks Principle. Too short ("Image of graph") is useless. Too long ("A comprehensive bar graph showing quarterly sales figures with blue bars representing Q1 at $1.2M, red bars representing Q2 at $1.5M...") is overwhelming. Just right focuses on what matters for understanding the content.
Avoid redundancy. Don't start with "Image of" or "Picture of" – screen readers already announce it's an image. Don't repeat surrounding text. Add value, don't duplicate.
Let's talk about the alt text Hall of Shame – mistakes we see constantly that frustrate users and hurt SEO:
Keyword Stuffing: "Accessibility widget accessibility software ADA compliance WCAG tool accessibility solution." This isn't 2005. Google's smarter than that, and screen reader users will hate you.
Missing the Point: An image of your team celebrating a product launch described as "office space with windows." You've completely missed what matters.
The Filename Special: alt="IMG_20240315_final_v2_cropped.jpg" – We see this constantly. Your CMS might default to filenames, but that's not alt text.
The SEO Obsession: Every image described in terms of your target keywords regardless of actual content. Your users aren't stupid, and neither is Google.
The Empty Promise: Leaving alt text empty for important images because "it's too complicated to describe." That's like hanging up on someone mid-conversation.
The Novel: Three paragraphs describing every detail of an image that's just supporting the main content. Alt text should enhance understanding, not overwhelm.
Some images can't be adequately described in alt text alone. Charts, graphs, infographics, complex diagrams – these need special treatment:
The Two-Layer Approach: Provide brief alt text ("Sales chart showing 40% growth") and longer description elsewhere – either in surrounding text, a details element, or linked page.
Data Tables: Don't describe charts in alt text. Provide the actual data in an accessible table. Users need the information, not a description of how it looks.
Infographics: These are accessibility nightmares when done wrong, goldmines when done right. Break the information into structured content – headings, lists, text. The pretty picture is for sighted users; the information is for everyone.
Mathematical Expressions: Alt text for equations should be the readable version: "x equals negative b plus or minus the square root of b squared minus 4ac, all over 2a" rather than trying to describe the visual layout.
WebAbility's AI understands these nuances, providing appropriate short descriptions while flagging complex images that need human attention for detailed alternatives.
Different industries have different alt text needs, and WebAbility adapts accordingly:
E-commerce: Product images need specific details – color, style, key features. "Red leather handbag with gold chain strap" sells products; "handbag" doesn't.
Healthcare: Medical images require accuracy without causing alarm. Patient-facing content needs different treatment than professional resources.
Education: Diagrams and illustrations need educational value preserved. The alt text should teach, not just describe.
Real Estate: Property photos need practical details – "Modern kitchen with stainless steel appliances and marble countertops" helps buyers; "kitchen" doesn't.
News and Media: Editorial images need context and relevance. Who's in the photo? What's happening? Why does it matter to the story?
Our AI is trained on industry-specific needs, providing relevant alt text that serves your business goals while maintaining accessibility.
Here's the thing about alt text: you probably have thousands of images, and manually writing perfect alt text for each one isn't realistic. That's where WebAbility comes in:
AI-Powered Generation: Our system analyzes images in context, understanding not just what's in the image but why it's on your page. It generates human-readable, contextually appropriate alt text that actually helps users.
Bulk Processing: Got a catalog of 10,000 products? A media library with years of images? We can process them all, intelligently generating alt text that follows best practices.
Human Review Options: For critical images, our experts can review and refine AI-generated alt text, ensuring perfect accuracy for your most important content.
Continuous Learning: Our system learns from corrections and improvements, getting better at understanding your specific content needs over time.
Integration: Works with your existing CMS, automatically adding alt text to new uploads while respecting manually entered descriptions.
Remember: alt text isn't a burden – it's an opportunity. Every image with good alt text is a chance to communicate with users who experience your content differently. It's a chance to improve SEO. It's a chance to show you care about every visitor.
Start with WebAbility's free alt text generator tool. See how AI can transform your images into accessible content. Because everyone deserves to understand what's on your page, regardless of how they perceive it.
Join over 1 million websites using WebAbility to ensure digital accessibility compliance and provide equal access to all users.
Extended text that conveys complex visual content such as charts or infographics, linked from the image or adjacent text.
Alt text that is accurate, concise, and task-focused, describing purpose rather than appearance.
Equivalent text for non-text content such as images, icons, and media, enabling access by assistive technologies.
Detailed alternative content for complex images, charts, or diagrams, often provided via adjacent text or modal.
This glossary is continuously improved and maintained by WebAbility to advance accessible design and development.Contact us to suggest improvements or report issues.