Unit
- Definition: Alt text, short for alternative text, is a textual description of an image embedded in the HTML
altattribute. It serves as a fallback when the image cannot be displayed, and it is read aloud by screen readers for users with visual impairments. - Accessibility role: Alt text is a foundational element of web accessibility. According to the Web Content Accessibility Guidelines (WCAG), all non-decorative images must have meaningful alt text to meet Level A conformance.
- SEO impact: Search engines cannot interpret images directly; they rely on alt text to understand image content. Properly optimized alt text improves the chances of an image appearing in Google Image Search, driving additional organic traffic.
- User experience: Alt text benefits all users when images fail to load due to slow connections or broken links, providing context. It also helps users who rely on text-only browsers or have limited bandwidth.
- Legal compliance: Many jurisdictions, including the United States under the Americans with Disabilities Act (ADA) and the European Union under the European Accessibility Act, require digital content to be accessible. Inadequate alt text can expose organizations to lawsuits.
- Context dependency: Effective alt text depends on the image's context. A product photo on an e-commerce site should describe features, while the same photo in a news article might focus on the subject's expression. The purpose determines the content.
- Common mistakes: Many practitioners fill alt text with keywords for SEO manipulation, harming both accessibility and rankings. Other errors include leaving alt text empty for informative images, using generic phrases like "image of," and failing to describe essential information.
- Business case: Investing in alt text optimization yields measurable returns: improved search visibility, increased user engagement, lower bounce rates from assistive technology users, and reduced legal risk.
- Descriptive versus functional alt text: For images that convey data or instructions, alt text should describe the information shown, such as chart values or step numbers. For decorative images that serve no informational purpose, the alt attribute should be empty or marked as decorative to avoid distracting screen reader users.
- Length guidelines: Alt text should be concise, typically no more than 125 characters, as screen readers often cut off longer descriptions. Complex images like infographics may use a short alt text plus a longer description elsewhere, such as in the surrounding paragraph or a linked accessible document.
- Testing alt text with assistive technology: After writing alt text, test it using a screen reader to confirm it accurately conveys the image's purpose within the page flow. This practice uncovers unclear phrasing, missing details, or excessive length that could confuse users relying on auditory feedback.
Campaign Case Study
Campaign: Accessible E-commerce Redesign by Brightway Brands (fictional)
Objective: Improve organic traffic from image search and achieve WCAG AA compliance for their online store.
Target Audience: Visually impaired online shoppers, SEO-conscious marketing team.
Channels: Product pages, category pages, blog posts, and social media images.
Results: After implementing comprehensive alt text optimization across 15,000 product images, Brightway saw a 34% increase in image search traffic and a 28% reduction in bounce rate from mobile users.
Quick Revision
- Alt text is a textual description of an image used by screen readers and search engines.
- It is required by WCAG for non-decorative images to ensure accessibility.
- Alt text improves SEO by helping search engines understand image content.
- It enhances user experience when images fail to load and benefits all users.
- Legal requirements in many regions mandate adequate alt text.
- Context and purpose guide how alt text should be written.
- Common mistakes include keyword stuffing and empty alt attributes on informative images.
- Business benefits include increased traffic, better engagement, and compliance.