aria-label可以替换为所有HTML输入添加标签吗?

时间:2014-02-08 23:46:16

标签: html html5 twitter-bootstrap twitter-bootstrap-3 wai-aria

我注意到在Bootstrap文档中,在内联表单部分中指出了它(http://getbootstrap.com/css/#forms-inline):

  

如果您没有为每个输入添加标签,屏幕阅读器将无法使用您的表单。

但是,我注意到有一个aria-label属性:http://www.w3.org/TR/wai-aria/states_and_properties#aria-label也是如此。

这是否意味着我可以直接在输入上使用它而不必为每个输入添加额外的元素?

我想知道是否有明确添加标签的特定和特殊内容。

1 个答案:

答案 0 :(得分:1)

不,aria-属性通常支持有限:辅助软件和专业浏览器支持它们,而所有主流浏览器都支持label元素。如果您只使用aria-label属性且没有通常可见的标签,那么绝大多数用户都看不到标签。

aria-label属性适用于非常特殊的情况,通常是用户可以正常理解页面上下文中控件含义的情况,这样就不需要可见标签,甚至可能不需要,但是使用例如语音浏览器需要一个“可访问的标签”。