#forms #accessibility #wai-aria #wcag #web-accessibility
#HTML #формы #Специальные возможности #вай-ария #wcag
Вопрос:
У меня длинная форма со структурой, как на рисунке ниже:
Обычно в группе будет только один элемент ввода, но их может быть больше.
Мой вопрос (с точки зрения доступности)
- Может ли группа содержать только один ввод? Например,
<div role="group" aria-describedby="title">
<p id="title">Name</p>
<label for="name">Your name:
<input id="name">
</label>
</div>
- Если нет, правильно ли это делать, чтобы сохранить единообразие?
Я не смог найти правильный ответ на этот вопрос в WCAG.
Я был бы очень признателен, если бы были предоставлены исходные тексты. Спасибо!
Комментарии:
1. Я не думаю, что существует правило WCAG, запрещающее этот шаблон, но это больше сбивает с толку пользователей программы чтения с экрана. Это потому, что одна и та же информация будет объявлена дважды, например: «Группировка хобби Хобби редактировать». И это касается не только программ чтения с экрана — я нахожу дублирующуюся информацию сомнительной и с точки зрения UX. Возможно, вы можете реструктурировать форму, чтобы сгруппировать несколько входных данных.
2. @DarekKay спасибо. Дело в том, что в большинстве мест заголовок добавил больше (и разных) деталей. Я предпочитаю создавать глобальное решение, но не хочу, чтобы оно было слишком подробным.
3. Я думаю, что вы подходите к этому с неправильной точки зрения, почему бы не изменить стиль
<fieldset>
, чтобы он выглядел единообразно, без необходимости обертывать его вокруг отдельных входных данных? Кроме того, если вы стремитесь к единообразию, убедитесь, что метки отображаются либо перед вводом, либо слева от него, у вас есть сочетание обоих. Вы могли бы стилизовать набор полей так, чтобы он был просто горизонтальной границей сверху и снизу, например, и тогда ваша форма выглядела бы единообразно. Дарек прав, вы не должны переносить один ввод в набор полей, поскольку это добавляет слишком много ненужного шума.