辅助功能 – HTML,accessibilty:是否可以使用单个标签标记两个控件?

辅助功能 – HTML,accessibilty:是否可以使用单个标签标记两个控件?,第1张

概述我在网络中找到了一个示例,其中label标签及其’for’属性用于提示浏览器标签所属的控件.例如: <form> <label for="male">Male</label> <input type="radio" name="sex" id="male" /> <br /> <label for="female">Female</label> <input type="r 我在网络中找到了一个示例,其中label标签及其’for’属性用于提示浏览器标签所属的控件.例如:

<form>    <label for="male">Male</label>  <input type="radio" name="sex" ID="male" />  <br />  <label for="female">Female</label>  <input type="radio" name="sex" ID="female" /></form>

我的问题是,如果我实际上有两个控件,其中相同的单个标签应分配给两者的组合(如果可能的话,不是每个标签),例如:

a label text + a numeric input fIEld + a text (unit) input fIEld

我是不是该

>仅将标签分配给数字输入字段(因为无法完成)或
>是否可以将数字和文本输入字段放入单个span标记中并将标签附加到该span?
>或者两个输入控件都可以放在单个标签标签内吗?

哪种解决方案适用于所有浏览器的可访问性?

解决方法 标签的for属性确实可以与任何元素一起使用(只要ID匹配),但仅适用于单个元素.此外,它只对表单元素有意义.

从spec:

for = IDref [CS]

This attribute explicitly associates the label being defined with another control. When present,the value of this attribute must be the same as the value of the ID attribute of some other control in the same document. When absent,the label being defined is associated with the element’s contents.

和:

To associate a label with another control implicitly,the control element must be within the contents of the LABEL element. In this case,the LABEL may only contain one control element.

(强调我的)

总结

以上是内存溢出为你收集整理的辅助功能 – HTML,accessibilty:是否可以使用单个标签标记两个控件?全部内容,希望文章能够帮你解决辅助功能 – HTML,accessibilty:是否可以使用单个标签标记两个控件?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1040841.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-24
下一篇 2022-05-24

发表评论

登录后才能评论

评论列表(0条)

保存