HTML

この記事では、要素とその中身をクリックやTabキー操作、支援技術の対象から一時的に外すinert属性の役割と、モーダルの背景などで使う考え方を説明します。

この記事でわかること

The inert attribute makes the specified element and its contents uninteractive for the user.

inert 属性は、その要素と中にあるすべての要素を「操作不能」にするスイッチです。

付けた部分はクリックやキーボード操作（Tabフォーカスなど）が効かなくなり、スクリーンリーダーにも無視されるので、たとえばモーダルダイアログを開いたときに背景を触れなくしたい場合などに使います。