2014-10-29 134 views

回答

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> 

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

0

可能没有任何附加功能将标签绑定到select,但它会通过关联标签来增加语义含义。此外,它还提供帮助软件的上下文,例如视觉障碍用户可能使用的屏幕阅读器。

1

即使控件是select元素,单击label元素也会关注相关控件。这是一个真正的效果,虽然目前还不清楚它是否有很多用途(与单选按钮和复选框不同,后者往往很微小,并且会给发生残疾的人带来麻烦)。

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