html– 在图例元素中包装标签元素

概述我从来没有理由在标题元素中添加标签元素(从未真正考虑过它或看过它).但是根据我正在实施的设计,它很有吸引力.这就是我想要做的事情：<fieldset> <legend><label for='formInfo'>I would like information on</label></legend>

我从来没有理由在标题元素中添加标签元素(从未真正考虑过它或看过它).但是根据我正在实施的设计,它很有吸引力.

这就是我想要做的事情：

它按预期工作(点击标签聚焦相应的输入)在firefox3,Safari,Opera和ie6 / 7中它通过验证,但我只是想知道是否有任何已知的原因(可访问性？语义？浏览器问题)为什么这不应该做最佳答案您的< / fieldset>在哪里？

在语义上,legend describes a fieldset,就像标签描述单个字段一样.

应该使用字段集将语义相关的字段组合在一起(例如,“地址”字段集可能具有街道,城市和国家的输入字段).

假设您在字段集中有多个字段,那么按照您的建议进行 *** 作在语义上没有意义 – 您需要创建描述字段集的单独图例文本,然后创建每个字段的标签.

如果您只有一个字段,则根本不需要字段集或图例.

所以,基本上,你不应该做你正在做的事情.

如果您正在使用额外的元素来附加CSS规则或JavaScript事件,那么最好使用div和span等通用元素,这些元素不会混淆文本到语音和其他非可视用户代理.

即,在可访问性/语义方面(无意义)放入div或span实际上是中性的,而不是滥用语义元素(即使只是轻微地,如在这种情况下),这可能会产生误导.想象一下在文本到语音浏览器中布局的最佳情况：文本大声朗读两次,一次作为图例,一次作为标签 – 为什么有人想要“我希望信息”这句话大声朗读他们两次？特别是因为它仅在选择控件中的选择的上下文中有意义.

总结

以上是内存溢出为你收集整理的html – 在图例元素中包装标签元素全部内容，希望文章能够帮你解决html – 在图例元素中包装标签元素所遇到的程序开发问题。

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

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/web/1125320.html