design

visibility: hidden vs display: none и skip-link

visibility: hidden vs display: none и skip-link

visibility: hidden скрывает элемент визуально, но он может занимать место и оставаться в дереве доступности — в отличие от display: none.

Паттерн skip-link: off-screen до :focus, не display: none на постоянной ссылке «К содержанию».

- [visibility — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/visibility) — hidden, visible, collapse.

- [Skip links — WCAG Techniques](https://www.w3.org/WAI/WCAG22/Techniques/html/H91) — Пропуск повторяющихся блоков.

---

## aria-hidden

Для декоративных иконок используйте aria-hidden="true", для интерактива — не прячьте visibility без продуманного фокуса.

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

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

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