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

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

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

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

メイン表示はapplicationの役割を持ちます。 メイン表示の簡単な説明は、aria-roledescriptionに記載され、対応するメイン表示コンポーネントのROLE_DESCRIPTIONローカライゼーション記号で定義された値と共に記載されます。 キーボードユーザーのナビゲーションヒントはaria-describedbyを使用して提供され、使用ヒントのテキストはUSAGE_HINTローカライゼーション記号から取得されます。 アセットのUserDataフィールドにラベルが定義されている場合、aria-label属性は、このラベルの値で設定されます。

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

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

このページ

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now