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