Начало распродаж · Скидка на доставку · Поступление новой коллекции

BELAYA KASKA / FEATURE

designАвтор: Пуск‑Медиа (импорт)Просмотры: 3

aria-live: тост «Заявка отправлена» для скринридеров

polite vs assertive.

Изображение статьи: aria-live: тост «Заявка отправлена» для скринридеров

Контейнер с role="status" и aria-live="polite" объявляет успех формы без перехвата фокуса — пользователь продолжает читать страницу.

aria-live="assertive" — только для критичных ошибок (потеря соединения), иначе раздражает.

- [aria-live — MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-live) — Режимы live region.

- [Live regions — W3C APG](https://www.w3.org/WAI/ARIA/apg/practices/live-regions/) — Паттерны.

---

## Реализация

Обновляйте текст внутри live region после mount — пустой контейнер при первой отрисовке может не озвучиться.

#ARIA#a11y#UX

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