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

Question

我正在一个网站上工作以实现 Ada 合规性。

我想知道哪种方法更符合 ADA 合规性。

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

VS

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

与其他输入类型类似，例如 select、单选按钮、复选框等

此外，根据设计，我们在大多数表单中都不需要标签，所以如果我为输入添加隐藏标签，是否会对 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 在下面的 link 中提供有关 ADA 和表格的建议。

以下是他们推荐的方法。

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

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

ADA compliance - Wrapping input in label vs adding label before input