design

autofocus: ускорение ввода и риск для a11y

autofocus: ускорение ввода и риск для a11y

Атрибут autofocus на первом поле брифа экономит клик на десктопе — на мобильном может вызвать нежелательный скролл и открытие клавиатуры поверх hero.

WCAG не запрещает autofocus, но тестируйте с screen reader — фокус не должен «прыгать» неожиданно при загрузке модалки.

- [autofocus — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus) — Глобальный атрибут.

- [Focus management — W3C APG](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/) — Управление фокусом.

---

## Альтернатива

В dialog фокус на первое поле через JS после open — предсказуемее, чем autofocus в HTML на всей странице.

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

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

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