存在表单标签，但不包含任何内容

Question

我正在使用AngularDart构建一个Web项目。我需要使网站可访问，因此我使用WAVE（网络可访问性评估工具）对我的网页进行评估。输入区域上方的标签显示“存在表单标签，但不包含任何内容”。

我知道我需要在标签标签上添加属性“ for = id_of_input”，但是当执行以下操作时，输入标签是自定义的并且IntelliJ显示“无效的ID引用”：

<label for="some_id"> username: </label>
<customized-input id="some_id"></customized-input>

那我该如何处理这种情况？

Answer 1

还有另一种方法可能对您有用：将<label>放在<input>周围。然后，您可以跳过for甚至id属性。如果它在AngularDart中运行，它也应该在WAVE中传递。