fieldset和legend标签 - 我应该使用它们以及在什么情况下使用它们?

时间:2015-06-02 14:56:36

标签: html5 accessibility semantic-markup screen-readers jaws-screen-reader

我在2008年接受了一位盲人女士的回忆,她说当你有多个领域时不要使用字段集和图例标签,因为它们像屏幕阅读器一样令人讨厌(在她的案例中是大白鲨)阅读传说在每个字段标签之前出来。

这是不是这样了?我已经看到他们的上下文都有相关的字段,当你有复选框/无线电输入时。 如果您有相关的复选框字段,您是否会嵌套字段集标记,或者您只是将其用于其中一个上下文?我还注意到这可能是AT软件的一个问题。

致电所有a11y专家和屏幕阅读器用户/测试人员。 我假设Jaws仍然是使用最广泛的SR。

2 个答案:

答案 0 :(得分:2)

此年度调查是屏幕阅读器使用的最佳数据:

http://webaim.org/projects/screenreadersurvey5/#primary

正如你所看到的,JAWS仍然是50%而且是明确的领导者。

话说回来,你必须提供一组逻辑上属于共同组标签的输入。这对于单选按钮和复选框尤为重要。每个屏幕阅读器都会以不同方式宣布这些内容,除非您为组标签使用ARIA标记,否则无法控制此项。但是<fieldset><legend>仍然是首选机制。

有关如何执行此操作的示例,请访问:http://dylanb.github.io/group_labels.html

答案 1 :(得分:0)

我刚刚在问题中找到了Bim的答案,尽管是8年前Paciello Group's Blog。她说:

  

要强调的一点是嵌套FIELDSET元素也行,   并且经常需要避免混淆。

听起来这是正确的方法,除非事情发生在AT之后发生了变化。我知道升级Jaws版本的速度很慢,因为购买起来非常昂贵。

我很快就会使用画外音进行测试。