表格标记建议，带有长“问题”文字的图例

我正在创建在线调查问卷，并正在寻找关于标记最佳实践的一些建议。有些问题很长，他们来自第三方，不能改变。我目前有他们这样的：表格标记建议，带有长“问题”文字的图例

<fieldset> 
    <legend><span>Some long question text will go here?</span></legend> 
    <input type="checkbox" name="opt1" id="opt1" value="opt1" /><label for="opt1">Option 1</label> 
    <input type="checkbox" name="opt2" id="opt2" value="opt2" /><label for="opt2">Option 2</label> 
    <input type="checkbox" name="opt3" id="opt3" value="opt3" /><label for="opt3">Option 3</label> 
</fieldset>

这看起来好吗或有更容易获得的技术？感谢您的任何建议

来源

2011-04-21 Ally

对我来说看起来很好，这可能是我自己做的;尽管我可能不会在'legend“中嵌套'span'。 – 2011-04-21 23:01:11

是的，它是可访问的，但没有理由<span>标签。

来源

2011-04-23 13:47:06 Francisc

作为补充说明，我通常在其标签标签内嵌入输入，因为您可以在标签上设置display：block以使其自身成为一行，而不需要进一步标记。即使以这种方式嵌套，我仍然建议使用for/id属性。 – 2011-04-23 17:02:12

是的，这是正确的可访问标记，但要小心长<legend>元素，如果可能的话。一些屏幕阅读器读取字段集中每个输入的图例和标签。如果图例很长，那对用户来说可能非常麻烦。

同样值得注意的是，在一些浏览器中，如果长度不足<legend>不适合在浏览器窗口的宽度范围内，则不会打包。你可以通过用白色空间风格化你的图例来控制它：正常

来源

2011-05-09 16:41:44

表格标记建议，带有长“问题”文字的图例

回答

相关问题