表单标签检查

屏幕阅读器遇到 <input> 时会播报该字段的可访问名称,让用户知道要输入什么。如果忘了写 <label>,只有占位符,阅读器会播报「edit, blank」 — 用户完全不知道字段含义。WCAG 3.3.2(标签或说明)是商用站点中违反最多的成功标准之一;即便使用组件库的团队,也常忘记正确地把 htmlFor 与 id 配对。本表单标签检查器解析您粘贴的任意 HTML 表单 — 静态页面、CMS 导出、React 组件渲染输出 — 并按以下可访问名称查找链检查每一个 <input>、<select>、<textarea>、<button>、<output>: aria-labelledby → aria-label → <label for> → 包裹的 <label> → title 属性 → 按钮 value / 文本。它会标记仅以占位符作标签(聚焦时会消失)、<label for=""> 指向不存在的 ID、破坏标签关联的重复 ID、孤立的 <label>、aria-describedby 缺失目标,以及 email / tel / password 字段缺失的 autocomplete。在 push 前、每次组件重构后、或集成第三方表单嵌入时进行审核。