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

View in English Always switch to English

Accessibility tree (アクセシビリティツリー)

アクセシビリティツリーは、多くの HTML 要素におけるアクセシビリティに関する情報を含んでいます。

ブラウザーはマークアップを DOM ツリー と呼ばれる内部表現に変換します。 DOM ツリーはすべてのマークアップの要素、属性、テキストノードを含んでいます。ブラウザーはそれから、 DOM ツリーに基づいてアクセシビリティツリーを生成します。これは、スクリーンリーダーなどの支援技術のために、プラットフォームに特有のアクセシビリティ API から使用されます。

アクセシビリティツリーオブジェクトの中には 4 つのものがあります。

name

このものをどのように参照することができるか。例えば、"Read more" というテキストを持ったリンクは "Read more" という名前を持つでしょう(名前がどのように計算されるかの詳細については Accessible Name and Description Computation spec にあります)。

description

名前に何かを追加したいとすれば、この要素をどのように説明するか。表の説明は、その表が提供する情報の種類が何かで説明することができます。

role

どのような種類のものなのか。例えば、ボタンなのか、ナビゲーションバーなのか、アイテムのリストなのか。

state

状態があるかどうか。チェックボックスではチェック済み/未チェック、 <summary> 要素では折り畳み状態か展開状態か、などを想像してください。

加えて、アクセシビリティツリーは要素によって何が行われるのかについての情報を持つことがよくあります。リンクは followed、テキスト入力は typed into、などです。

2022 年 4 月時点では、Web Incubator Community Group 内でまだ草案段階にあるものの、アクセシビリティオブジェクトモデル (AOM) は、アクセシビリティの意味づけを表すための API を育成し、計算されたアクセシビリティツリーに読み取りアクセスをすることができることを意図しています。