审查图片的 alt 属性(HTML)

粘贴 HTML 片段,列出所有 <img> 标签,并检查哪些没有 alt 属性,或该属性存在但为空。

示例:

工作原理

alt 属性为屏幕阅读器用户和搜索引擎描述图片内容,并在图片无法加载时显示。无障碍或 SEO 审查通常从检查是否有重要图片缺少该属性开始。本工具会列出 HTML 片段中找到的每张图片,并指明其 alt 属性是缺失、为空还是已填写。

空的 alt 属性(alt="")算错误吗?

不一定:对于纯装饰性图片(例如边框或视觉分隔线),alt="" 是最佳做法,因为它会明确告诉屏幕阅读器忽略这些图片。真正有问题的是,有实际意义的图片完全没有 alt 属性。

产品图片应该写什么替代文本?

简洁、如实地描述图片所展示的内容,必要时包含产品名称——例如 alt="蓝色跑鞋,侧视图",而不是 alt="image" 这样的通用文本,后者对无障碍和搜索引擎优化都没有任何价值。

100% 本地处理:您的 HTML 片段不会被传输到任何服务器,整个审查都在您的浏览器中完成。