design

aria-describedby: связать поле с текстом ошибки

aria-describedby: связать поле с текстом ошибки

<input aria-describedby="email-hint email-error"> объединяет подсказку и ошибку: оба блока с уникальными id читаются после label.

Не заменяйте видимый текст ошибки только aria — пользователи без скринридера тоже должны видеть сообщение.

- [aria-describedby — MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-describedby) — Связь с описанием.

- [Form validation — WAI-ARIA APG](https://www.w3.org/WAI/ARIA/apg/patterns/) — Паттерны форм.

---

## Live region

Для динамической ошибки после submit добавьте aria-live="polite" на контейнер ошибки.

beforetoggle: хук жизненного цикла popover

Аналитика до открытия панели.

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.