Соответствие ADA - Обтекание ввода в метке против добавления метки перед вводом

Question

Я работаю над сайтом, чтобы реализовать соответствие Аде.

Мне интересно, какой подход лучше с точки зрения соответствия ADA.

<label>Name:</label>
<input type="text" placeholder="Name" />

В.С.

<label>
 Name:
 <input type="text" placeholder="Name" />
</label>

Аналогично для других типов ввода, таких как выбор, переключатель, флажок и т. Д.

Кроме того, нам не нужны метки в большинстве форм согласно дизайну, поэтому будет ли это иметь значение для соответствия ADA, если я добавлю скрытые метки для входных данных?

Подобная вещь задается в следующем вопросе, но она не отвечает с точки зрения ADA.

Лучше обернуть тег label вокруг элемента формы или использовать атрибут "for" в HTML?

Спасибо

Answer 1

WebAIM.org дает советы по ADA и формы по ссылке ниже.

Создание доступных форм

Ниже приведен метод, который они рекомендовали.

<label for="name">Name:</label>
<input id="name" type="text" name="textfield">

Имеют ли скрытые метки какое-либо преимущество в ADA или нет, до сих пор остается загадкой.