图片 alt 文本
审查器
粘贴你的页面 HTML，得到对每张图片的诚实判断；缺失的 alt、像"IMG_4032"这样照抄文件名的 alt、做对的装饰图片，外加宽度、高度和懒加载。没有教条，只有每位读者真正需要的。
关于 alt 文本的建议
不带教条
空 alt 是一项功能
装饰性 swoosh 上的 alt="" 是对的，它告诉屏幕阅读器"这里没什么可看，继续"。别用填充文字去"修"它。
缺失 alt 才是真正的 bug
完全没有 alt 属性，意味着屏幕阅读器只能即兴发挥，通常是朗读文件名。"DSC-四-零-三-二 点 jay-peg"。
带链接的图片描述功能
当图片是链接时，它的 alt 就成了链接文字。说清它去哪里（"首页"、"查看购物车"），而不是像素长什么样。
照抄文件名骗不了谁
alt="hero-banner-final-v2" 勾了框却帮不了任何人。如果你不会大声说出来去描述这张图，那它就不是 alt 文本。
宽 + 高止住跳动
没有宽高属性的图片会在加载时让页面跳动，也就是 Google 作为 Core Web Vitals 衡量的布局偏移。
首屏以下懒加载
loading="lazy" 会推迟屏幕外的图片并加快首次绘制。只在人们立刻看到的主视觉图片上跳过它。
大家还在问
空的 alt="" 是错误吗？
不算；对装饰性图片来说，这恰恰是对的。alt="" 告诉屏幕阅读器"跳过这个，它不含信息"，比逼着别人听"decorative-swoosh-final-v2.png"要友善得多。真正的错误是缺失 alt 属性：那时屏幕阅读器只能退而朗读文件名。
带链接的图片，alt 文本该写什么？
描述功能，而不是像素。如果你的 logo 链接到首页，正确的 alt 是"首页"或你的品牌名，而不是"带白色字母的蓝色圆圈"。屏幕阅读器用户把 alt 当作链接文字来听，所以它应当回答"点这个会带我去哪里？"。
对 Google 和 AI 搜索来说，alt 文本还重要吗？
比以往更重要。alt 文本是 Google Images 的主要信号，它喂养着如今用你的内容回答问题的 AI 模型，也是图片加载失败时会显示的内容。诚实、具体的 alt 文本，一句话说清图片到底展示了什么，每次都胜过关键词堆砌。