design

attr(): подписи тултипов из data-* без дублирования текста

attr(): подписи тултипов из data-* без дублирования текста

В поддерживаемых браузерах content: attr(data-label) выводит текст подсказки из разметки — меньше повторов в JS для простых hover-hint.

Для доступности видимый текст или aria-label всё равно обязателен — CSS attr не заменяет имя для скринридера.

- [attr() — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/attr) — Типы и fallback.

- [attr() data types — CSS Values](https://www.w3.org/TR/css-values-5/#attr-notation) — Расширенный attr в Values 5.

---

## Безопасность

Не вставляйте в data-* неэкранированный HTML — attr выводит текст, не разметку.

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

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

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