如何解决:表单字段没有标签
表单字段没有标签是一种常见的 WCAG 自动扫描仪标记的可访问性故障,并且 EAA 执法机构会认真对待。以下是触发它的原因、它为何重要以及具体的解决方法。
为什么它很重要以及如何解决它
如果没有标签,屏幕阅读器用户只会被告知字段类型,而不是它所要求的内容。 WCAG 3.3.2(标签或说明)要求输入具有编程标签。
将每个输入与 <label for="…"> 相关联,或将输入包装在 <label> 元素中。
修复后重新运行扫描程序以确认对此规则的零违规。添加一个单元或 e2e 测试来断言相关属性存在,这样问题就不会悄无声息地回归。
指导,而非法律认证
扫描结果是自动可访问性指南,而不是法律建议或经过认证的一致性意见。始终将自动扫描与专家手动审核配对。
常见问题
我的网站会因为这个问题而被罚款吗?
单一问题很少会被直接罚款。当局通常要求在期限内进行补救;忽视该通知可能会导致行政罚款。
扫描仪如何检测到这一点?
我们针对渲染的页面运行 axe-core 规则,并使用匹配的 WCAG 标准和受影响的 DOM 选择器来显示每个违规行为。