图片 Alt 文本体检
粘贴一个页面的 HTML，逐张列出会挂 alt 检查的图片，把真正的无障碍错误和只是措辞不佳的警告分开，并给出可直接粘回去的 alt。
我们公开审计的 104 个站点里，22.1% 栽在图片 alt 检查上，而且大多数不是「忘了写属性」——而是 alt="hero.jpg"、以「image of」开头，或者把链接里唯一的图片写成空 alt。粘贴一个页面的 HTML，这里把真正的无障碍错误和只是措辞不佳的警告分开。
使用说明
在浏览器里打开目标页面，查看源代码，全选复制；把 HTML 粘进输入框，点「检查图片」。工具统计所有 img 元素，分别标出：完全没有 alt 属性的、alt 其实是文件名或 logo/icon 这类通用词的、以「image of」开头的、超过 125 字符的、以及 alt 与页面前面某张图重复的。每个问题都带编号、src 和一句说明，后面跟着一条建议的 alt 属性，可以直接粘回源码。分数按每个错误扣 10 分、每个警告扣 3 分计算；勾选框决定空的 alt 算「刻意装饰」还是算警告。
常见问题
alt="" 为什么有时候是合法的？纯装饰图的正确写法就是空 alt，读屏软件会跳过它。只有当图片是某个链接的全部内容时，空 alt 才会变成错误，因为那个链接就彻底没有可读名称了。为什么我的 alt 被判成文件名？alt 与 src 文件名一致，或者只是 logo、icon、banner 这类通用词时，它不携带任何信息，对读屏用户来说等于没写。alt 写「狗的照片」有什么问题？读屏软件本来就会念出这是一个图片元素，前缀被念两遍；alt 应直接描述内容。picture 或 svg 里的图会被检查吗？只读你粘贴的标记里的 img 标签；内联 svg 需要 role="img" 加 title 子节点，那是另一套改法。为什么一个 img 都没找到？有些框架用 JavaScript 渲染图片，原始源码里确实没有；改用开发者工具在渲染后的容器上「复制 outerHTML」。
隐私：全部计算在你的浏览器里完成，内容不会离开本机。