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

Question

我正在创建一个在线调查问卷，并正在寻找关于标记最佳实践的一些建议。有些问题很长，它们来自第三方，不能改变。我现在有这样的话：

<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>

这看起来不错还是有更多可访问的技术？感谢您的任何建议

Answer 1

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

Answer 2

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

值得注意的是，在某些浏览器中，如果长<legend>并非全部符合浏览器窗口的宽度，则它将不会换行。您可以通过使用空格：普通

样式化图例来控制此操作