Должны ли мы использовать <label>для каждого <input>?

Question

Должны ли мы использовать <label> для каждого input? , даже для кнопки отправки и скрытого тщательного CSS, если мы не хотим показывать label.

или нет надписи для кнопки отправки?

.hide {display:none}

<fieldset>
  <legend>Search</legend>
    <label for="Search">Search...</label>
      <input value="" id="Search" name="Search">
    <label for="Submit" class="hide">Submit</label>
      <input type="submit" value="Go!" name="submit" id="submit">
</fieldset>

или мы должны использовать вот так (без ярлыка для отправки)

<fieldset>
  <legend>Search</legend>
    <label for="Search">Search...</label>
      <input value="" id="Search" name="Search">
      <input type="submit" value="Go!" name="submit" >
</fieldset>

Answer 1

Нет. Не используйте метки для элементов, которые имеют встроенный текст метки (например, все виды кнопок). (Примечание. Подделка метки с атрибутом value не считается).

См. Раздел описания раздела WCAG по теме.

Answer 2

Из официальных документов:

Элемент LABEL может использоваться для прикрепить информацию к элементам управления. каждый Элемент LABEL связан с ровно один элемент управления формой.

http://www.w3.org/TR/html4/interact/forms.html#edef-LABEL

Обратите внимание, что термин может быть , а не должен быть . Однако всегда полезно использовать lable, это оказывается полезным:

• По причинам доступности
• Для мобильных браузеров