inert

Атрибут inert глобального является булевым атрибутом, указывающим, что браузер проигнорирует элемент. С помощью атрибута inert все дочерние элементы плоского дерева элемента (например, модальные <dialog>) которые не выходят за пределы инерции, игнорируются. Атрибут inert также заставляет браузер игнорировать вводные события, отправляемые пользователем, включая события, связанные с фокусом, и события от вспомогательных технологий.

В частности, inert выполняет следующее:

• Препятствует срабатыванию события click при нажатии на элемент пользователем.
• Препятствует возникновению события focus, предотвращая получение элементом фокуса.
• Препятствует поиску и сопоставлению содержимого элемента в любой операции поиска по странице браузера.
• Препятствует выделению текста пользователем — аналогично использованию свойства CSS user-select для отключения выделения текста.
• Препятствует редактированию любого содержимого элемента, которое в противном случае может быть отредактировано.
• Скрывает элемент и его содержимое от вспомогательных технологий, исключая их из дерева доступности.

<div inert>
  <!-- content -->
</div>

Атрибут inert может быть добавлен к разделам контента, которые не должны быть интерактивными. Когда элемент является инертным, он вместе со всеми своими потомками, включая обычно интерактивные элементы, такие как ссылки, кнопки и элементы управления формами, отключаются, потому что они не могут получить фокус или быть нажатыми.

Атрибут inert также может быть добавлен к элементам, которые должны быть вне экрана или скрыты. Инертный элемент вместе со своими потомками удаляется из порядка табуляции и дерева доступности.

При применении атрибута inert следует учитывать доступность. По умолчанию нет визуального способа определить, является ли элемент или его поддерево инертным. Разработчику веб-приложений необходимо чётко указывать активные и инертные части контента.

При предоставлении визуальных и невизуальных подсказок об инерции контента, помните, что визуальный порт может содержать только части контента. Пользователи могут приблизить изображение к небольшому участку контента, или пользователи могут вообще не видеть контент. Неявные инертные разделы могут привести к разочарованию и плохому пользовательскому опыту.

• Элемент HTML <dialog>
• HTMLElement.inert свойство HTML DOM
• Представление инерции
• Атрибут "инертный" наконец-то появляется в веб