Question

我正在编辑html代码以实现Web辅助功能，但是我遇到了一个有关“多个表单标签”的问题。我正在使用Wave插件检查网站的可访问性。

错误为多种形式的标签这是什么意思表单控件具有多个关联的标签。

问题是存在一个页面，用户可以输入用户信息，如果没有输入字段，则有一个调用弹出窗口的按钮，然后该弹出窗口将再次具有所有相同的字段进行注册。

除了更改弹出窗口中字段的ID之外，还有什么快速简便的方法可以消除错误？

Answer 1

引用W3S：

id属性为HTML元素指定唯一ID（值在HTML文档中必须是唯一的。

是的，您需要为每个组件定义唯一的ID。这是解决问题的唯一干净方法，否则当您将焦点放在其中一个输入字段时，屏幕阅读器可能会读取错误的标签。

Answer 2

除了更改ID之外，解决此问题的一种方法是将输入内容包装在标签中。

<label>
    First Name
<input />
</label>

从语义上讲这是正确的，并且避免了标签需要for和关联的输入id属性。

您显然可能需要重构某些东西，这似乎比仅仅更改一些ID还要艰巨，但这是一个选择（我知道您现在可能已经解决了这个问题，如果其他人来了，可以参考一下。这个问题。）