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

BELAYA KASKA / FEATURE

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

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

Визуально vs для assistive tech.

Изображение статьи: 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 на интерактивный контент, который должен быть доступен с клавиатуры.

#HTML#a11y#ARIA

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