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

すべてのビューアコンポーネントは、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属性は、このラベルの値で設定されます。

ホットスポット、領域および画像マップには、buttonという役割と、aria-label属性を持つ説明テキストが設定され、ホットスポットまたは画像マップのラベルの値が設定されます。 ユーザーがホットスポットや画像マップにフォーカスすると、キーボードユーザーのナビゲーションヒントはaria-describedbyを使用して提供され、使用ヒントのテキストはUSAGE_HINTローカライゼーションシンボルから取得されます。

サムネールには、ThumbnailGridView.LABELローカライゼーション記号で制御されるaria-label属性を持つdialogロールがあります。 個々のサムネールにはbuttonの役割があります。 サムネールが選択されると、aria-selected属性がtrueに設定されます。

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

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

検索ユーザーインターフェイスは、searchの役割を持つ要素にグループ化されています。 検索入力フィールドにはsearchboxという役割があり、SearchPanel.INFO_PROMPTローカライゼーション記号で制御される情報ラベルをaria-describedby属性で参照します。

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

このページ

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