design

hidden и aria-hidden: когда что скрывать

hidden и aria-hidden: когда что скрывать

Атрибут hidden убирает элемент из рендера и accessibility tree — подходит для панелей, переключаемых без JS-анимации display.

aria-hidden="true" скрывает только от скринридеров, элемент остаётся видимым — декоративные иконки рядом с текстовой подписью.

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

- [aria-hidden — W3C](https://www.w3.org/WAI/ARIA/apg/practices/hiding-elements/) — Практики сокрытия.

---

## Ошибка

Не ставьте aria-hidden на интерактивный контент, который должен быть доступен с клавиатуры.

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

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

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