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

时间:2017-04-05 06:20:07

标签: javascript jquery html ada-compliance web-accessibility

我正在一个网站上实施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?

由于

1 个答案:

答案 0 :(得分:2)

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

Creating Accessible Forms

以下是他们推荐的方法。

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

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