Accessible description (アクセシブル説明)

アクセシブル説明は、支援技術のユーザーが UI 要素とそのコンテキストを理解するのに役立つ追加情報を提供するユーザーインターフェイス要素の説明です。 HTML 要素に関連付けられたテキストによる説明で、支援技術のユーザーに要素のアクセシブル名で指定された以上の説明を提供します。

要素のアクセシブル説明は、アクセシビリティツリーの一部であり、ウェブコンテンツをスクリーンリーダーや他の支援技術に利用できるようにし、その結果、支援技術のユーザーもコンテンツを利用できるようにします。

<table> のアクセシブル説明は最初の <caption> であり、<figure> のアクセシブル説明は <figcaption> であり、<summary> は、それを囲む <details> のコンテンツのアクセシブル説明であり、ボタン型の <input> 要素の場合は value 属性の値であり、要素に aria-describedby 属性または aria-description 属性がある場合はそちらが優先されます。

他の要素では、説明を関連する要素にプログラム的に関連付ける必要があります。これらの場合、アクセシブル説明は aria-describedby 属性、 aria-description 属性、title 属性のいずれかによって指定されます。 title がその要素のアクセシブル名でもない場合、優先順位の高い順に指定します。

説明はテキスト文字列に縮小されます。例えば、要素の aria-describedby 属性の値が HTML <img>id である場合、説明文は画像(通常は画像の alt 属性)の説明になります。

ページ上のどの要素についても、アクセシブル説明を調べることができます。ブラウザー開発者ツールのアクセシビリティタブを見ていくと、現在選択されている要素のアクセシビリティ情報が提供されています。

関連情報