1. 開発者向けのウェブ技術
  2. Web API
  3. Element
  4. ariaAtomic

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

Element: ariaAtomic プロパティ

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2023年10月以降、すべてのブラウザーで利用可能です。

ariaAtomicElement インターフェイスのプロパティで、aria-atomic 属性の値を反映します。これは、aria-relevant 属性によって定義された変更通知に基づいて、支援技術が変更された領域をすべて表示するか、部分的に表示するかを示します。

文字列で、以下の値のいずれかです。

"false"

支援技術は、変更されたノードだけを表示します。

"true"

支援技術は、変更された領域全体を、作者が定義したラベルが存在する場合はそれを含め、全体として表示します。

この例では、ID が "clock" の要素の aria-atomic 属性は "true" に設定されています。ariaAtomic を使用して値を "false" に更新します。

html
<div id="clock" role="timer" aria-live="polite" aria-atomic="true"></div>
js
let el = document.getElementById("clock");
console.log(el.ariaAtomic); // true
el.ariaAtomic = "false";
console.log(el.ariaAtomic); // false

仕様書

仕様書
Accessible Rich Internet Applications (WAI-ARIA)
# dom-ariamixin-ariaatomic

ブラウザーの互換性

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって に最終更新されました。

AltStyle によって変換されたページ (->オリジナル) /