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

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中传递。