すべてのビューアコンポーネントは、ARIA(Accessible Rich Internet Applications)の役割と属性をサポートしており、スクリーンリーダーなどの支援テクノロジーとの統合を強化します。
最上位レベルのビューア要素には、初期設定でビューア名に設定されているロールregion
とaria-label
の属性があります。 ラベルはローカライゼーション記号Container.LABEL
で制御できます。
ボタンには、button
という役割と、aria-label
属性を持つ説明テキストが設定されています。 aria-label
属性の値は、ボタンのローカライゼーション記号の値から設定されます。 ボタンが無効になると、aria-disabled
属性がそれに応じて設定されます。
スライダコンポーネントには、現在のスライダ位置を示すaria-valuenow
、aria-valuemin
、aria-valuemax
という属性を持つロールslider
があります。
サムネールには、ThumbnailGridView.LABEL
ローカライゼーション記号で制御されるaria-label
属性を持つdialog
ロールがあります。 個々のサムネールには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
属性で参照されています。