分类: 开发工具
图片 Alt 文本审核工具
列出每个 <img> 标签，并标记缺失或不理想的 alt 文本
粘贴 HTML 即可列出其中每一个 <img> 标签，并标记出缺少 alt 属性的图片、alt 为空（对装饰性图片而言是有效写法）的图片，以及长到值得精简的 alt 文本。全程在你的浏览器中运行。
| 来源 | Alt 文本 |
|---|---|
/hero.jpg | Team collaborating around a laptop in a bright office (正常) |
/icon-search.svg | (为空（若为装饰性图片则没有问题）) |
/banner.png | (缺少 alt 属性) |
/chart.png | Quarterly revenue chart showing steady growth from January through December, broken down by region and product line, with month-over-month percentage change annotations (建议精简) |
本页的所有处理都在浏览器中完成，不会上传任何内容。
这个工具能做什么
Alt 文本是屏幕阅读器乃至搜索引擎理解图片内容的方式，但在一个较大的页面中，缺失的属性或过长的描述很容易被忽略。本工具会列出粘贴的 HTML 中找到的每一个 <img> 标签及其 alt 文本，标记出完全没有 alt 属性的图片，将 alt="" 这种空值标注为在图片为装饰性时属于正常写法，并指出长到值得精简为更清晰描述的 alt 文本。
使用方法
- 在输入框中粘贴页面或组件的 HTML。
- 查看图片列表以及每个图片 alt 文本旁显示的状态。
- 补充缺失的 alt 文本，确认空的 alt 属性是有意为之，并精简过长的内容。
隐私说明
本工具完全在你的浏览器中运行。输入的内容不会被上传、保存或分享，关闭标签页即随之消失。
常见问题
- 我的 HTML 会被上传到什么地方吗？
- 不会。文档只会作为文本被浏览器标签页中的分词器读取，不会被渲染、执行或发送到服务器。
- alt="" 一定是错误吗？
- 不一定。对于纯装饰性的图片，空的 alt 属性是规范推荐的正确做法，因此本工具只会将其标注出来，而不会像处理缺失属性那样将其视为错误。
- alt 文本多长算是过长？
- 没有硬性限制，但很长的 alt 文本是一个值得人工检查的粗略信号；本工具会将超过约 125 个字符的 alt 文本标记为建议审查，以便改写为更简短清晰的描述。