Что такое тег `<label>` и как связка `for`/`id` улучшает доступность?

Что важно понять

<label> подписывает поле ввода. Клик по подписи фокусирует/активирует контроль — удобнее и для мыши, и для a11y.

Связка

<label for="email">Email</label>
<input id="email" type="email" name="email">

<!-- или обёртка -->
<label>
  Email
  <input type="email" name="email">
</label>

for должен совпадать с id поля. Скринридер объявляет имя поля; без label остаётся лишь placeholder — этого мало.

Итог

Каждому видимому input — явный label. Это базовый критерий доступных форм.