选择标签的标签标签有什么意义?

时间:2014-10-29 16:58:06

标签: html select label

(HTML)我意识到,当您单击标签时,输入标签的label标签会将光标放在字段中,但它似乎对select标签没有任何作用。它对选择标签甚至是必要的还是有用的吗?

3 个答案:

答案 0 :(得分:2)

即使控件是label元素,单击select元素也会关注关联的控件。这是一个真正的效果,虽然目前还不清楚是否有很多用途(不像单选按钮和复选框,往往很小,给有运动障碍的人带来问题)。

在屏幕阅读器和辅助软件中,label标记可以以不同方式提供帮助,如WCAG 2.0文档Labels or Instructions: Understanding SC 3.3.2中所述。特别是:“当标签元素与输入元素相关联时,当字段获得焦点时,屏幕阅读器会说出标签,并且控制器具有较大的可点击区域来帮助电机控制受损的用户,因为单击标签或控件将例如,如果用户使用Tab键移动(聚焦于控件),浏览器或辅助软件可能会通过说出相关标签来对聚焦作出反应。

答案 1 :(得分:0)

它告诉人们他们在选择什么。

考虑以下两者之间的区别:

<label for="a"> Your allergies </label>
<select multiple id="a">
    <option>Cats
    <option>Dogs
</select>

<label for="b"> Your favourite animals </label>
<select multiple id="b">
    <option>Cats
    <option>Dogs
</select>

现在删除标签并尝试填写正确的答案。

答案 2 :(得分:0)

将标签绑定到select可能没有任何其他功能,但它通过关联标签为标签添加了语义含义。此外,它还为视障人士可能使用的屏幕阅读器等辅助软件提供上下文。