Форма разметки, легенда с длинным текстом вопроса

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> не будет переноситься, если он не умещается в ширину окна браузера.Вы можете контролировать это, стилизовав легенду с помощью пробела: нормальный