Теги fieldset обладают какими-либо преимуществами доступности?
Я знаю, что много функций в HTML требуется, чтобы веб-страницы были доступны для людей с бедными или никаким видом, что специальные браузеры могут читать вслух текст для них.
Для этого для работы правильно необходимо удостовериться, что Вы следуете хорошим стандартам кодирования HTML, например, необходимо удостовериться, что изображения имеют дополнительный текст, что Вы не используете таблицы для расположения и т.д.
Но то, в чем я не уверен, является важностью fieldset элемента для группировки полей ввода. Тег fieldset приносит какую-либо специальную пользу доступности, или они просто используются для расположения?
2 ответа
Да. См .: http://www.alistapart.com/articles/prettyaccessibleforms/
Некоторые программы чтения с экрана даже читают легенду для каждой метки в наборе полей.
<fieldset>
<legend>What is your favorite animal?</legend>
<input type="radio" name="animal" id="Cat" /> <label for="Cat">Cat</label>
<input type="radio" name="animal" id="Dog" checked="checked" /> <label for="Dog">Dog</label>
<input type="radio" name="animal" id="Rabbit" /> <label for="Rabbit">Rabbit</label>
</fieldset>
- Какое ваше любимое животное? Переключатель. Кот. Не выбран.
- Какое ваше любимое животное? Переключатель. Собака. Выбрано.
- Какое ваше любимое животное? Переключатель. Кролик. Не выбран.
Короткий ответ: Да. Структура и семантика хороши.
Например.
Многие программы чтения экрана имеют "режим форм", в котором они игнорируют все, что не относится к форме.
() Cat
() Dog
() Rabbit
Это довольно бессмысленно
<fieldset>
<legend>What is your favourite animal?</legend>
() Cat
() Dog
() Rabbit
</fieldset>
Теперь легенда набора полей придает ему контекст.
Абзац не работает - он не представлен пользователю в режиме формы. Ярлык не подходит - он описывает одно поле, а не их набор. Вы бы использовали метку для каждого из полей cat, dog и rabbit.