html - ADA 合规性 - 在标签中包装输入与在输入前添加标签

Question

我正在开发一个网站以实现 ADA 合规性。就 ADA 合规性而言，哪种方法更好:

<label>Name:</label>
<input type="text" placeholder="Name" />

对比

<label>
 Name:
 <input type="text" placeholder="Name" />
</label>

对于其他输入类型类似，例如选择、单选按钮、复选框等。

此外，根据设计，我们在大多数表单中都不需要标签，所以如果我为输入添加隐藏标签，是否会对 ADA 合规性产生影响？

类似的问题在下面的问题中被问到，但它没有根据 ADA 回答。

Is it better to wrap the label tag around a form item or use the "for" attribute in HTML?

Answer 1

WebAIM.org 在以下链接中提供有关 ADA 和表格的建议。

Creating Accessible Forms

以下是他们推荐的方法。

<label for="name">Name:</label>
<input id="name" type="text" name="textfield">

隐藏标签在 ADA 中是否有任何优势仍然是个谜。