同一张办公照片放在首页可能只是装饰，放在案例页可能证明项目现场。Alt不能靠图片文件本身固定生成，而要看它在当前上下文承担什么信息。
错误的两端都很常见：所有图片alt="image"，或者每张图都重复一长串关键词。前者没有帮助，后者制造噪音。
01 先问删除图片后丢失什么信息
如果没有损失，图片可能是装饰，使用空alt让读屏跳过。
如果图片传递产品、动作、证据或数据，Alt应提供完成当前任务所需的等价信息。
不同图片的Alt写法
| 图片类型 | 建议 | 示例方向 |
|---|---|---|
| 产品图片 | 名称+当前重要特征 | 某型号传感器正面与接口 |
| 案例截图 | 说明界面或变化 | 订单后台筛选与批量操作界面 |
| Logo | 品牌名称，按链接目的 | 界达设计首页 |
| 链接/按钮图片 | 描述动作或目标 | 下载年度报告 |
| 装饰背景 | 使用空alt | 不重复正文已有信息 |
| 图表 | 简短结论+附近详细数据 | 趋势摘要，表格提供完整值 |
| 信息图 | 概括目的并提供文本等价 | 正文列出完整步骤 |
02 不要重复附近正文
如果标题已经写“企业官网设计流程”，Alt无需再逐字重复，可说明图中独有信息。
读屏会连续读取，重复内容会增加负担。
03 复杂图片需要长文本替代
流程图、数据图和架构图无法用一句Alt完整表达。Alt给出摘要，正文或折叠说明提供结构和数据。
不要把整篇说明塞进alt属性，难以阅读和维护。
04 图片SEO仍然以准确上下文为主
文件名、标题、周围文本、图片质量和页面主题共同影响理解。Alt可自然包含相关词，但不应列关键词。
相同图库图片在多个页面使用，不要自动复制无意义的通用Alt。
05 CMS应让编辑能按场景填写
提供Alt字段和简短指导，装饰图允许明确留空。自动生成可以作为建议，但需人工检查。
批量迁移时识别缺失、重复、文件名式Alt和超长文本。
06 把图片放进键盘与读屏测试
检查链接图片的名称、图标按钮、轮播、懒加载和错误占位。
图片Alt只是无障碍的一部分，颜色、字幕、文本替代和交互也需考虑。
常见问题
装饰图片不写Alt可以吗？
应保留alt=""，明确告诉辅助技术跳过，而不是完全省略属性。
Alt文本写多长合适？
没有绝对字符数，应简洁表达用途；复杂信息放在正文。
Logo的Alt写“公司Logo”可以吗？
更有用的是品牌名称；若Logo是首页链接，可按目标写清。
图片标题title能代替Alt吗？
不能。title行为不稳定，Alt承担图像替代。
AI自动生成Alt可以直接发布吗？
可辅助，但容易忽略页面上下文，应人工审核尤其是产品和图表。
链接复制成功
