HomeGuides › How to Write Alt Text (With Examples)

How to Write Alt Text (With Examples)

Alt text is the single most common accessibility issue on the web. The rule is simpler than people think: describe the image’s purpose, not every pixel.

Meaningful vs. decorative

If an image conveys information, describe it: alt="Bar chart showing 2026 revenue up 30%". If it’s purely decorative, give it an empty alt (alt="") so screen readers skip it — but never omit the attribute entirely.

Keep it concise and specific

Aim for a short, specific phrase. Skip "image of" or "photo of" — screen readers already announce that it’s an image. For a logo, the alt text is usually the company name.

Functional images

If an image is inside a link or button, the alt text should describe the action, not the picture — e.g., a magnifying-glass icon that submits search should be alt="Search".

Check your site against these rules — free

Run an instant scan and get a plain-English list of exactly what to fix.

Scan my site free →

More guides

The WCAG 2.1 AA Checklist for Small BusinessesADA Website Lawsuits, ExplainedColor Contrast Requirements (WCAG 1.4.3)How to Build Accessible FormsKeyboard Navigation & FocusHow to Test Your Site with a Screen Reader