HTML-тег inert: управление интерактивностью. HTML-тег inert позволяет отключать интерактивность элементов без CSS и JavaScript Что делает тег inert? – Полностью отключает интерактивность элемента и всех его дочерних элементов. – Игнорируется при навигации с помощью Tab. – Не читается скринридерами. Пример: Можно отключить форму, не вешая disabled на каждую кнопку <div inert> <button>Я отключен</button> <button>Я тоже</button> <a href="#">И я</a> </div> Важно стилизовать кнопки под inert чтобы визуально было видно что они не работают. Практическое применение: – Модальные окна. Повесить inert на main при открытии модального окна (например окно принятия cookie). – Временная блокировка интерфейса. – Создание неактвных прототипов форм. Важные особенности: – Работает без JavaScript. – Полностью совметим с современными браузерами (93%) Мои каналы: 📱 Youtube 📱 Vk.ru 🔠Teletype