用途:这是一条前端可访问性检查规则,用于在评审渲染后的 HTML、交互组件或设计系统模式时,确保表单控件与标签正确关联。
主要能力:检查所有表单控件(input、select、textarea)是否通过 for 与 id 属性获得程序化关联的标签;标记仅依赖占位符文本的标签;标记视觉上共用标题但缺少语义化 fieldset 与 legend 的控件组。
用法:使用 label 元素覆盖所有表单输入;用 for 与 id 建立关联;占位符文本不是标签,不能作为唯一字段名;当多个控件共享一个问题时使用 fieldset 与 legend;确保每个输入都有清晰的可访问名称。修复方式是添加 for 属性与对应输入 id 匹配的 label 元素,用真实标签文本替换仅占位符的标签,并将相关复选框或单选按钮包裹在带 legend 的 fieldset 中。
适用场景:评审渲染标记与交互状态时,标记违反该规则的具体元素、角色、标签、焦点行为或键盘交互,并说明如何用浏览器可访问性工具或辅助技术验证修复;特别检查仅占位符标签,以及视觉上共享标题却缺少语义 fieldset 与 legend 的问题组。
限制:完整实现细节、代码示例与框架特定指导见 references/rule.md,规则页为 https://frontendchecklist.io/rules/accessibility/form-labels。资料未提供其他平台或工具依赖信息。