すべてのビューアコンポーネントは、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
属性で参照されています。