inert
A section the page cannot reach
Caveatinert removes the subtree from focus order and from the accessibility tree, which pointer-events: none and disabled do not. Do not add it around an open modal: showModal() already inerts the rest of the page, and doing both can strand focus.
FallbackIt carries no styling of its own, so dim it yourself with [inert]. Where unsupported the controls stay reachable — degraded, but never invisible to a screen reader while visible on screen.
<fieldset inert>…</fieldset>
/* inert paints nothing, say so yourself */
[inert] { opacity: .35; }Published