适用人群
- 图片编辑
- 检查文章 HTML 的开发者
Blog Utility
图片Alt检查器
分析博客文章HTML中的图片标签，快速检查alt属性缺失、空alt值以及类似文件名的描述。
Alt缺失检查
检查图片标签是否缺少alt属性
图片SEO检查
检查面向搜索引擎和无障碍访问的图片描述
博客质量管理
在发布前快速整理缺失的图片说明
输入正文HTML
粘贴博客正文HTML后，将自动分析图片标签和alt属性状态。
0个字符
请输入HTML代码，然后点击Alt检查按钮。
检查结果
查看图片总数、Alt状态以及需要检查的图片。
0
图片总数
0
Alt正常
0
Alt缺失
0
空Alt
| 序号 | 图片路径 | Alt内容 | 状态 |
|---|---|---|---|
| 检查结果将显示在这里。 | |||
区分缺少 alt 和有意设置的空 alt
列出 img，提示 alt 缺失、空值、文件名式描述与过短文本。需要结合图片在文章中的作用判断。
使用场景
- 查找仍以文件名作为 alt 的图片。
- 避免为装饰图片添加冗余朗读。
从输入到检查结果
- 1
复制包含图片的 HTML。
- 2
粘贴不超过500,000个字符。
- 3
运行检查并逐行查看 img。
- 4
判断图片是信息内容还是装饰。
- 5
修改必要说明并复核发布页。
文件名描述
- 输入
- <img src="/chart.png" alt="chart.png">
- 结果
- 文件名式 alt 警告
结合上下文说明图表含义及必要的关键结果。
装饰分隔图
- 输入
- <img src="/divider.png" alt="">
- 结果
- 空 alt 复核提示
纯装饰图片使用空 alt 可能是正确做法。
计算与处理原理
DOMParser 检查 img 的 alt 缺失、空白、通用图片称呼或文件名，以及少于4个代码单元的文本。不识别图片本身。
限制与注意事项
- 装饰图可能适合空 alt。
- 简短而明确的标签也可以有效。
- 不评估 CSS 背景、SVG title/desc 或随后生成的图片。
数据处理
标记在本地解析，不上传到 win-j。
参考资料
相关工具
- H1 / H2结构检查器
从 HTML 提取前三层标题，检查空标题、重复 H1 和章节关系。结果可辅助编辑与无障碍复核。
- Meta Tag 生成器
创建 title、description、robots、可选 canonical 和 OG、Twitter Card。请与已有模板合并，避免同一字段重复。
常见问题
都需要长描述吗？
不，应简洁说明用途，纯装饰图可考虑空 alt。
能自动识图生成 alt 吗？
不能，本工具不进行图像识别。
空 alt 警告就是错误吗？
仅凭此不能判断，需结合图片作用和上下文。