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

前端之家收集整理的这篇文章主要介绍了html – 在图例元素中包装标签元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

这就是我想要做的事情:

它按预期工作(点击标签聚焦相应的输入)在Firefox3,Safari,Opera和IE6 / 7中它通过验证,但我只是想知道是否有任何已知的原因(可访问性?语义?浏览器问题)为什么这不应该做

最佳答案
您的< / fieldset>在哪里?

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

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

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

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

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

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

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

猜你在找的HTML相关文章