Чекбоксы согласий в формах

Любая форма сбора персональных данных (заявка, подписка, регистрация, обратная связь) должна содержать явные незаполненные чекбоксы согласия. Это одно из самых строго контролируемых требований — РКН регулярно штрафует компании именно за нарушения в оформлении форм.

Как реализовать

1. Добавьте два отдельных чекбокса

   Чекбокс 1 — согласие на обработку персональных данных (обязательный, required). Чекбокс 2 — согласие на получение рекламных материалов (необязательный). Нельзя объединять в одном чекбоксе.

2. Убедитесь что чекбоксы не предзаполнены

   В HTML-коде не должно быть атрибута checked. Пользователь сам ставит галочку. Браузер не должен запоминать состояние через автозаполнение.

3. Заблокируйте отправку без первого чекбокса

   Добавьте валидацию на submit: если первый чекбокс не отмечен — показывайте сообщение об ошибке и не отправляйте форму.

4. Добавьте ссылки на документы

   Рядом с каждым чекбоксом — ссылка на соответствующий документ. Первый чекбокс: ссылка на политику + согласие на ПД. Второй чекбокс: ссылка на условия рассылки.

5. Сохраняйте факт согласия

   При отправке формы записывайте: дата/время, IP-адрес, какие чекбоксы были отмечены. Это доказательство при проверке РКН.

Пример кода (HTML + JS)

<!-- Чекбокс 1: обязательный -->
<label>
  <input type="checkbox" id="consent-pd" required>
  Согласен с <a href="/pages/privacy.html">политикой</a>
  и <a href="/pages/consent.html">обработкой ПД</a> *
</label>

<!-- Чекбокс 2: необязательный -->
<label>
  <input type="checkbox" id="consent-marketing">
  Согласен получать рекламные материалы
</label>

form.addEventListener('submit', (e) => {
  e.preventDefault();
  const pdChecked = form.querySelector('#consent-pd').checked;

  if (!pdChecked) {
    showError('Необходимо согласие на обработку ПД');
    return;
  }
  // отправляем форму
});