支援テクノロジーのサポート

すべてのビューアコンポーネントは、ARIA(Accessible Rich Internet Applications)の役割と属性をサポートしており、スクリーンリーダーなどの支援テクノロジーとの統合を強化します。

最上位レベルのビューア要素には、初期設定でビューア名に設定されているロールregionとaria-labelの属性があります。 ラベルはローカライゼーション記号Container.LABELで制御できます。

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

スライダコンポーネントには、現在のスライダ位置を示すaria-valuenow、aria-valuemin、aria-valuemaxという属性を持つロールsliderがあります。

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

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