Поля форм без подписей

Сообщение в axe и Lighthouse: Form elements must have labels · label · WCAG 4.1.2

Что это значит и почему это важно

Без подписи пользователи скринридеров не знают, что вводить в поле, — оформление заказа и подписка на рассылку превращаются в угадайку (WCAG 1.3.1, 4.1.2).

Как исправить

Свяжите с каждым полем видимый <label for="…">. Плейсхолдер не заменяет подпись.

Пример кода

До

<input type="email" name="newsletter" placeholder="Your email">

После

<label for="nl-email">Email for our newsletter</label>
<input type="email" id="nl-email" name="newsletter" autocomplete="email">

Все ошибки доступности