支援技術のサポート assistive-technology-support

すべてのビューアコンポーネントは、ARIA(アクセシブルなリッチインターネットアプリケーション)の役割と属性をサポートし、スクリーンリーダーなどの支援テクノロジーとの統合を強化します。

最上位レベルのビューア要素には、デフォルトでビューア名に設定されている役割regionaria-label属性があります。 ラベルはContainer.LABELローカリゼーション記号で制御できます。

ボタンには、役割buttonと、aria-label属性を持つ説明テキストが設定されます。 aria-label属性の値は、ボタンのローカライゼーション記号の値から設定されます。 ボタンが無効になると、それに応じてaria-disabled属性が設定されます。

スライダコンポーネントには、現在のスライダ位置を示す属性aria-valuenowaria-valueminaria-valuemaxを持つ役割sliderがあります。

サムネールには、ThumbnailGridView.LABELローカライゼーションシンボルで制御されるdialog属性が付いた役割aria-labelがあります。 個々のサムネールには役割buttonがあります。 サムネールを選択すると、aria-selected属性がtrueに設定されます。

スウォッチを表示するコンポーネントの役割listboxは、aria-label属性がそのコンポーネントのLABELローカライゼーションシンボルの値に設定されています。 個々のスウォッチには、セット内のスウォッチの位置を表すoption属性とaria-setsize属性が割り当てられています。 aria-posinsetスウォッチを選択すると、aria-selected属性がtrueに設定されます。

ドロップダウンリストは、追加のaria-haspopup属性がtrueおよびaria-controls属性に設定されたボタンによってアクティブ化され、実際のドロップダウンパネル要素を参照します。 ドロップダウンパネル自体には、役割menuと役割menuitemを持つサブ要素があります。 各メニュー項目には、aria-label属性が指定されています。

モーダルダイアログボックスには、役割dialogがあります。 ダイアログボックスのヘッダー要素はaria-labelledby属性で参照されます。

recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8