HTMLやCSSには、ユーザーインタラクション(ユーザー操作)を無効化するための方法がいくつか存在します。たとえば、マウスやタッチ操作を無効化したいときはCSSでpointer-events: noneを要素に指定するなど、制御したいユーザー操作によってさまざまです。 カルーセルやモーダルなユーザーインターフェイス(UI)では、非アクティブな要素が操作されないように「画面には表示されているが、あらゆるユーザー操作を受け付けない状態」にしたい場合があります。具体的には、以下のユーザー操作を無効化します。 マウスやタッチ操作を無効化したい テキスト選択を無効化したい キーボードフォーカスをあえて無効化したい 音声読み上げをあえて無効化したい 必要なプロパティや属性を複数指定することが考えられますが、そのようなときに役立つのがinertイナートと呼ばれるHTMLのグローバル属性です。 inert
![ユーザー操作の一括無効化で役立つ! HTMLのinert属性の紹介 - ICS MEDIA](https://cdn-ak-scissors.b.st-hatena.com/image/square/0dc8335ad992aca4d85b9c56262194b31a0391b6/height=288;version=1;width=512/https%3A%2F%2Fics.media%2Fentry%2F230406%2Fimages%2Feyecatch.jpg)