このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docsコミュニティーについてもっと知り、仲間になるにはこちらから。
Element: ariaModal プロパティ
Baseline 2023Newly available
Since October 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
ariaModal はElement インターフェイスのプロパティで、要素が表示される際にモーダルであるかどうかを示すaria-modal 属性の値を反映します。aria-modal プロパティをrole="dialog" の要素に適用すると、ダイアログ外のコンテンツが不活性であることを支援技術に知らせるために、背景で aria-hidden を使用する技術に置き換わります。
値
以下のいずれかの値を持つ文字列です。
例
この例では、ID がaddress-modal の要素のaria-modal 属性は "true" に設定されており、モーダルダイアログであることを示しています。ariaModal を使用して、値を "false" に更新します。
html
<div role="dialog" aria-labelledby="dialog1Title" aria-describedby="dialog1Desc" aria-modal="true"></div>js
let el = document.getElementById("address-modal");console.log(el.ariaModal); // "true"el.ariaModal = "false";console.log(el.ariaModal); // "false"仕様書
| Specification |
|---|
| Accessible Rich Internet Applications (WAI-ARIA) # dom-ariamixin-ariamodal |