How I Write Alt Text That Helps Screen Readers and Search

说明与用途

作者说明如何编写 alt 文本：装饰性图像使用 alt=""，信息性图像使用 8‑15 个单词的简洁描述，针对产品、图表或链接上下文，提升可访问性和 SEO，且不增加额外工作量。

问题

Many images on the web lack alt text or contain keyword‑stuffed alt that fails accessibility and SEO.

结果

Consistent, concise alt text improves accessibility for screen readers and SEO for search engines, without adding extra work once the habit is formed.

工作流

• Determine if image conveys unique information; if not, set alt="".
• If informative, write one sentence 8‑15 words, avoid "image of" and keyword stuffing.
• For product photos, name product + one distinguishing detail.
• For charts, state the takeaway, not axis labels; use tables for complex data.
• For icons, use alt only if standalone; otherwise leave empty.
• For linked images, describe link destination, not appearance.
• Apply these rules consistently during image creation or upload.
• Use tools like Claude Blueprint to enforce habit.
• Review alt text by reading aloud to ensure brevity and clarity.

证据

Decorative images get empty alt (alt=""), never missing alt

来源

Aim for 8 to 15 words, one sentence, no "image of"

来源

If an image is also a link, the alt text describes where the link goes, not what the picture looks like.

来源

For charts, give the takeaway, not the axis labels, and push complex data into a real table.

来源