2
Amy 原创整理|资料核验:2026-10-30
W3C 的表单教程建议,为文本框、复选框、单选按钮和下拉框提供描述用途的标签。使用显式关联时,label 的 for 值必须与控件的 id 完全相同。
教学示例:标签 for='email' 对应输入框 id='email'。这样辅助技术能识别标签与控件的关系,浏览器也可让点击标签触发对应控件。
Amy 建议:做完表单后逐项点击标签,检查焦点是否进入正确输入框;再用键盘检查操作顺序。不要只靠页面上“看起来挨着”判断关联已经建立。
若视觉上下文已非常明确,可按教程选用适当的隐藏标签或 ARIA 方法,但隐藏标签不能随意用 display:none,否则屏幕阅读器通常也无法读取。