Looking at real, working alt text is way more useful than reading rules. This guide shows 50 examples you can copy and adapt, from product photos to charts to team portraits. Each one includes why it works so you understand the pattern and can write your own.

The Rules Behind Good Alt Text

Alt text is a text description of an image's content, read aloud by screen readers and used by search engines to understand what the image shows. Writing good alt text isn't complicated, but it does require understanding what the goal is, and the goal changes depending on whether you're writing for SEO, for accessibility, or both. For most WordPress site owners, the answer is both.

The core principle is functional equivalence: alt text should describe what a sighted person gets from the image. If removing the image would lose information, the alt text needs to convey that information. If the image is purely decorative, a stock photo of a smiling businessperson on a page about plumbing supplies, the alt text can be empty (alt=""), because the image doesn't actually contribute to the page's content or communicate information.

The most common alt text mistakes are being too vague ("image of a shoe"), starting with redundant phrases ("photo of..." or "image showing..."), and keyword stuffing. That last one is worth emphasizing: search engines are sophisticated enough to distinguish between descriptive alt text ("Red Nike Air Max 270 women's running shoe on white background") and keyword-stuffed alt text ("buy cheap running shoes Nike Air Max best price discount"). The first one ranks. The second one can trigger spam filters.

Quick rules for writing alt text: Describe the visual content, not what it means. Include the most important subject first. Add key descriptors: color, brand, material, action, context, orientation. Keep it under 125 characters where possible. Don't start with "Image of" or "Photo of". Google and screen readers already know it's an image. Use alt="" (empty) for purely decorative images, never leave the alt attribute missing entirely.

Product Image Alt Text Examples (10)

Product images are among the most valuable images on any site from an SEO perspective, they're the images most likely to appear in Google Shopping, image search, and product-query search results. Good product alt text includes the product name, key specifications like color or material, and visual descriptors that help both search engines and shoppers understand exactly what's being shown.

Example 1
White ceramic coffee mug with handle on rustic wooden table
Why it works: Material + color + key feature (handle) + setting. Google can distinguish this from a plastic mug, glass cup, or steel tumbler. Screen reader users get a complete picture.
Example 2
Red Nike Air Max 270 men's running shoe, right side view, on white background
Why it works: Color + brand + model + audience (men's) + angle + background. Matches what people search for in Google Shopping and image search.
Example 3
Brown leather crossbody bag with gold chain strap and front zipper pocket
Why it works: Color + material + bag type + hardware color + key distinguishing feature. Each detail is a potential search term and helps shoppers understand the product.
Example 4
Silver MacBook Pro 16-inch open on white desk with keyboard and trackpad visible
Why it works: Color + brand + model + size + state (open) + setting + visible components. Complete description for both accessibility and SEO.
Example 5
Navy blue cotton crew neck t-shirt laid flat on white background
Why it works: Color + material + neckline + presentation style + background. All product attributes a shopper would look for.
Example 6
Rose gold Fossil Neutra analog watch with silver mesh band on woman's wrist
Why it works: Metal color + brand + model name + band type + context showing the watch on a wrist in use.
Example 7
Rectangular glass Chanel No. 5 perfume bottle with gold cap on white marble surface
Why it works: Shape + material + brand + product name + cap detail + setting. Matches how people search for designer fragrances.
Example 8
Rolled purple Lululemon yoga mat with carrying strap standing upright against white wall
Why it works: Color + brand + product + accessories + orientation + setting. Conveys the product's form and accessories.
Example 9
Atomic Habits by James Clear book cover with orange background and bold white title text
Why it works: Full title + author + key visual elements. Matches how people search for specific books and editions.
Example 10
Wüsthof Classic 8-inch chef's knife with full tang visible on end-grain maple cutting board
Why it works: Brand + model + size + type + distinctive feature (full tang) + setting. Specific enough for professional cooks and home chefs to understand the product quality.

People and Portrait Alt Text Examples (8)

People images are one of the most consistently poorly alt-tagged categories on websites. The most common mistake is leaving them blank because the person's name or identity doesn't feel like "SEO content." But both accessibility and SEO require description. The key is to describe what a sighted person perceives, the person's appearance, expression, context, and role, without requiring the viewer to identify them by name or facial features alone.

Example 11
Business woman with shoulder-length dark hair smiling in blue blazer against neutral background
Why it works: Describe visible characteristics, hair color and length, expression, clothing, setting. Don't use the person's name unless they're a named public figure with a public professional role.
Example 12
Five-member marketing team smiling in bright modern office with floor-to-ceiling windows
Why it works: Count + role + expression + setting. Conveys the team context without requiring individual identification.
Example 13
Male presenter speaking at conference podium with blue branded banner in background
Why it works: Role + action + setting + context clue. Functional description without unnecessary personal detail.
Example 14
Female doctor in white coat reviewing medical chart with elderly male patient in hospital room
Why it works: Both roles + action + clothing + setting. Provides the context someone who can't see the image needs to understand what's happening.
Example 15
Young girl in red jacket playing with autumn leaves in park
Why it works: Age descriptor + clothing + action + setting. Appropriate detail without overspecification of identity.
Example 16
Young woman working on laptop at home desk with coffee mug and notepad beside her
Why it works: Age + gender descriptor + action + tools + setting + secondary elements. Creates a complete scene.
Example 17
Smiling customer service representative wearing headset at desk with dual monitors
Why it works: Role + expression + equipment + setting. A complete functional picture.
Example 18
Male runner in orange athletic wear racing on outdoor track, mid-stride
Why it works: Gender + clothing + action + setting + movement descriptor. Captures motion and context.

Landscape and Place Alt Text Examples (6)

For travel, real estate, and lifestyle content, landscape and place images are often the primary SEO opportunity, they appear in Google Images for location-based queries that drive significant traffic to niche sites. Location names, distinctive features, and weather conditions all help search engines understand what place is being shown.

Example 19
Eiffel Tower illuminated with golden lights at night with Paris cityscape in background
Why it works: Landmark name + lighting condition + time + context. Matches image searches for "Eiffel Tower at night" and similar queries.
Example 20
Snow-capped Swiss Alps mountain range reflected in calm alpine lake on clear day
Why it works: Location + distinctive feature + additional visual element + weather conditions. Rich for both search visibility and accessibility.
Example 21
White sand beach with turquoise water and palm trees under clear sky in Caribbean setting
Why it works: Sand color + water color + vegetation + weather + regional context. Helps people searching for "Caribbean beach" or "tropical beach."
Example 22
New York City skyline at dusk with Empire State Building visible and purple sky
Why it works: City name + time of day + specific landmark + sky color. Matches NYC skyline searches.
Example 23
Narrow dirt hiking path through dense Pacific Northwest forest with green canopy overhead
Why it works: Trail type + surroundings + region + overhead detail. Great for hiking and travel content.
Example 24
Open plan office with glass-walled conference rooms, standing desks, and floor-to-ceiling windows
Why it works: Layout + key features + lighting source. Conveys modern office aesthetic.

Charts, Graphs, and Infographic Alt Text Examples (6)

Charts and infographics require a different approach than photography. The alt text must convey the data or information the visual represents, not just describe what the graphic looks like. A bar chart alt text that says "bar chart in blue and orange colors" fails WCAG 1.1.1 because it doesn't serve the equivalent purpose of the image. The alt text must actually communicate the data.

Example 25
Bar chart showing website traffic growth from 10,000 to 45,000 monthly visitors between January and June 2025
Why it works: Chart type + what it shows + actual data values + timeframe. Someone reading the alt text understands the key finding without seeing the chart.
Example 26
Pie chart: revenue breakdown showing SaaS 45%, consulting 30%, products 15%, partnerships 10%
Why it works: Chart type + what it shows + all segment values. Conveys the full data picture.
Example 27
Line graph comparing email open rate at 28% versus industry average of 21% over 12 months, showing consistent outperformance
Why it works: What each line represents + actual values + overall trend. The trend interpretation is included.
Example 28
5-step infographic showing customer onboarding flow: signup, welcome email, product tour, first value action, upgrade prompt
Why it works: Number of steps + what process + each step named. Conveys the sequence and flow.
Example 29
Pricing comparison table: Basic at $9/month, Pro at $29/month, Enterprise at custom pricing, with feature rows for storage, users, and API access
Why it works: What's being compared + actual prices + key features. Captures the comparative information.
Example 30
Decision flowchart for troubleshooting duplex printing: starts with "duplex option visible in print dialog?" with yes/no branches leading to different solutions
Why it works: Format + starting question + branching logic described. Describes how to navigate the flowchart.

Screenshot and UI Alt Text Examples (6)

Screenshots need alt text that describes both what application is shown and what's visible on screen, not just "screenshot." The description should help someone understand what's happening in the software interface and what elements are visible.

Example 31
WordPress admin dashboard showing Posts menu expanded with 247 published posts and Media Library option in sidebar
Why it works: Application + specific screen + visible data. Complete picture without being verbose.
Example 32
AI Alt Text Generator settings page in WordPress showing API key input field, language selector set to English, and Bulk Scan button
Why it works: Plugin name + screen name + specific UI elements visible. User knows exactly what they're looking at.
Example 33
WooCommerce checkout page with shipping address form completed and order summary showing 3 items totaling $89.95
Why it works: Platform + screen type + state + visible data. Describes what's on the page.
Example 34
Google Analytics 4 overview showing 12,450 active users, top traffic source as organic search at 68%, and sessions chart for the month
Why it works: Platform + screen + multiple visible key metrics. Captures the dashboard view.
Example 35
iPhone fitness app Today screen showing 5km run completed in 28 minutes with heart rate chart and activity rings at 87%
Why it works: Device type + app type + specific visible data. Describes the mobile interface.
Example 36
WordPress fatal error message: 'Allowed memory size of 67108864 bytes exhausted' on white background
Why it works: Platform + exact error text + context. Exact text matters, someone encountering this error will search for it.

Food and Recipe Alt Text Examples (6)

Food imagery drives significant search traffic in recipe, restaurant, and food blogging contexts. The best food alt text describes both the dish and the presentation, since food image searches often include visual terms like plating style, color, and dish components.

Example 37
Creamy pasta carbonara in white bowl garnished with freshly ground black pepper and flat-leaf parsley
Why it works: Dish name + vessel + garnishes. Natural language that matches recipe search terms.
Example 38
Six chocolate chip cookies cooling on wire rack with melted chocolate chips visible and golden-brown edges
Why it works: Count + type + setting + visual details. Describes the baking stage and appearance.
Example 39
Fresh guacamole ingredients laid out on wooden board: two ripe Hass avocados, red onion, lime, jalapeño, and fresh cilantro
Why it works: Dish context + exact ingredients + count + type + setting. Perfect for recipe content.
Example 40
Flat white in white ceramic cup with rosette latte art pattern in dark espresso on steamed milk foam
Why it works: Drink type + vessel + art style + component description. Captures specialty coffee aesthetic.
Example 41
Cross-section of freshly baked sourdough loaf showing irregular open crumb structure and dark golden crust
Why it works: View type + bread type + key visual features (crumb, crust). Describes what bakers look for.
Example 42
Two glasses of red wine and charcuterie board with prosciutto, aged cheese varieties, and crackers on candlelit restaurant table
Why it works: Items + specifics + setting + atmosphere. Complete restaurant scene.

Logo and Icon Alt Text Examples (5)

Logos and icons present a common source of confusion about alt text. The rule is: if the logo or icon links somewhere, the alt text describes the link's destination. If it's decorative (like an icon next to a text label that already describes it), it gets alt="".

Example 43
DuplexFix
Why it works: For a header logo linking to the homepage, the company name is sufficient. Screen readers announce it as the navigation landmark. Don't describe the visual design.
Example 44
DuplexFix on X (Twitter)
Why it works: Describes the link destination. Screen reader users understand where clicking will take them, not just what the bird icon looks like.
Example 45
WCAG 2.1 AA Compliant accessibility certification badge
Why it works: Names what the badge certifies + the specific standard + the level. Conveys the meaning of the badge.
Example 46
Adobe Photoshop app icon
Why it works: Brand + product name. Sufficient for an icon used as a reference illustration in tutorials.
Example 47
Visa credit card accepted
Why it works: Describes what the logo communicates in checkout context, not just the brand name. Conveys the payment method accepted.

Decorative Image Alt Text (3)

Not every image needs a description, and using descriptive alt text on purely decorative images can actually harm the screen reader experience by cluttering the audio stream with irrelevant information. The correct approach for decorative images is alt="", an empty alt attribute, which tells screen readers to skip the image entirely. Never leave the alt attribute missing on a decorative image; always include alt="" explicitly.

Example 48
alt=""
Why it works: For decorative horizontal rule or divider image with no informational content. Screen reader should skip it entirely.
Example 49
alt=""
Why it works: For abstract background texture or pattern. Purely visual styling with no content value.
Example 50
alt=""
Why it works: For decorative icon with adjacent text label (like a star next to "Reviews"). The adjacent text already communicates the meaning. Repeating it in alt text creates duplication.

The Faster Alternative

Writing alt text for 50 images this way, thoughtfully, specifically, with attention to both SEO and accessibility, takes time. Doing it at this quality level for 500 images takes more time than most WordPress site owners have available. That's the practical reality behind why most sites end up with image libraries full of untagged images, the scale of the task feels overwhelming.

AI Image Alt Text Generator uses GPT-4 Vision to apply this same quality standard automatically, analyzing each image visually and writing a description that matches the quality of the examples you just saw. For a site with 800 images, it generates all 800 descriptions in a single background operation, at a cost of roughly $1-2 in API fees. The result is the same quality of alt text you see in these examples, at scale, without the hours of manual work.

See how to set it up in WordPress in 5 minutes →

Should alt text always be under 125 characters?
The 125-character guideline exists because some older screen readers truncate alt text at that point. Modern screen readers handle longer descriptions fine. For simple images, keep it concise. For complex images like infographics, charts, or technical diagrams, a longer description is appropriate and necessary to convey the equivalent information. WCAG doesn't specify a character limit, it specifies equivalent purpose.
Should I include my target keyword in every image's alt text?
Only if it's genuinely relevant to what the image shows. If your page targets "best ergonomic office chairs" and an image shows an ergonomic office chair, including those terms in the alt text is both accurate and SEO-relevant. If the image shows a woman smiling at a desk, forcing in "best ergonomic office chair" would be keyword stuffing, inaccurate alt text that could trigger spam filters.
Do alt text rules change for WooCommerce product images?
The principles are the same, but product images benefit from more specific detail: color, material, model name, dimensions, and orientation (front view, side view, detail shot). This specificity matches how people search in Google Shopping. For a WooCommerce store with hundreds of products, a consistent alt text format per product type, brand + model + color + key spec + angle, works well at scale and saves time.
What's the difference between alt text and a caption?
Alt text is a text alternative for when the image can't be seen, read by screen readers, indexed by search engines, displayed when images fail to load. A caption is supplementary text displayed visually alongside the image for all users. Good alt text describes what the image shows. A good caption adds context or commentary that the image doesn't convey on its own. They serve different purposes and often both are appropriate on the same image.

Let AI Write Alt Text Like These Examples, at Scale

AI Image Alt Text Generator uses GPT-4 Vision to apply this same quality standard across your entire WordPress media library, automatically, in the background, for less than $2.

Get AI Alt Text Generator →