为什么我的代码未通过Google辅助功能审核？

Question

基本上，我有一个输入和一个相关的标签，两者都有相同的ID。但是，Google Accessibility Review失败了，其响应如下：

表单元素没有关联的标签

对我来说，因为id是相同的而且标签指向输入，那么我无法看到这里失败的是什么？

我错过了一些令人眼花缭乱的事情！？

<div class="field additional">

<label class="label" for="street_2">
<span>Address</span>
</label>

<div class="control">                                   
<input type="text" name="street[]" value="" title="Street Address 2" id="street_2" class="input-text " autocomplete="off" aria-required="true">
</div>

</div>

Answer 1

很多事情可以解释这个：

• 你可能有另一个标签linking to the same element相同的表单元素冲突，
• 具有相同id的元素可能出现在同一HTML文档的其他位置，
• 此消息可能涉及另一个表单元素，
• 标签本身可能不可见

您的输入名称是一个数组（name="street[]"）的事实让我认为我们没有所有元素可以在其中一个选项上得出结论。