Елементи форми повинні мати мітки

Програмно зв'яжіть підписи з усіма елементами форм. Рекомендований спосіб — використовуйте елемент <label> з явним зв'язком через атрибути for та id.

Способи підписати поле (від найкращого до допустимого)

<!-- 1. Явний label (найкращий спосіб) -->
<label for="email">Електронна пошта</label>
<input type="email" id="email">

<!-- 2. Обгортка label -->
<label>
  Ім'я
  <input type="text">
</label>

<!-- 3. aria-label (коли візуальний підпис неможливий) -->
<input type="search" aria-label="Пошук по сайту">

<!-- 4. aria-labelledby -->
<span id="qty-label">Кількість</span>
<input type="number" aria-labelledby="qty-label">

Рекомендації

• Не використовуйте placeholder замість <label> — він зникає при введенні тексту.
• Кожне поле — один підпис.
• Підпис повинен бути видимим — прихований <label> гірше для всіх користувачів.
• Групуйте пов'язані поля — використовуйте <fieldset> з <legend> для груп радіокнопок та чекбоксів.