Fresco のアクセシビリティ

最終更新日 : 2023年4月10日

Adobe Fresco のアクセシビリティ機能を使用して、様々な技能を持つユーザーのために包括的でアクセシブルにする方法について説明します。

ソフトウェアのアクセシビリティには、視覚、聴覚、発話、運動、認知、および可動障害を持つ人々がソフトウェアをより簡単に使用できるようにする機能が含まれます。

アクセシビリティ機能を必要とする Fresco ユーザーのために、アプリケーションはツールチップのサポート、キーボードナビゲーション、カスタム実装、スクリーン読み上げのアクセシビリティサポートを提供します。 

アクセシビリティの順番は、上から下、左から右です。

スクリーンリーダーのサポート

スクリーンリーダーは、コンピューターの画面上に表示されるテキストを読み上げます。 ボタンのラベルや画像の説明など、アクセシビリティタグや属性で提供される非テキスト情報も読み上げます。 

Windows(ナレーター)

コンピューターのスクリーンリーダーを有効にします(ナレーター)。

コンピューターの検索ボックスに「ナレーター」と入力します。

ナレーターを選択します。ポップアップウィンドウが開き、ナレーターはホバーしたアイテムに関連付けられたテキストを読み上げることができます。

OK」を選択します。

ナレーターをオフにするには、  + Ctrl Enter キーを押します。

Windows のナレーターダイアログボックス
Windows のナレーター

iOS(VoiceOver)

iOS デバイスでスクリーンリーダー(VoiceOver)を有効にします。

設定アクセシビリティVoiceOver に移動します。

VoiceOver は、要素に焦点を合わせて、その名前を読み上げることができます。

iOS で VoiceOver を有効にする設定ダイアログ
iOS の VoiceOver

キャンバスとのカスタムインタラクション

VoiceOver が有効になっているときに、VoiceOver を使用して iOS でのキャンバスとのインタラクションをカスタマイズできます。 VoiceOver を有効にすると、手のアイコン   が表示され、タスクバーに自動的に追加されます。 これにより、VoiceOver がアクティブのときに、キャンバスのインタラクションを制御できます。 オンに切り替えてキャンバスを操作してジェスチャーを実行し、オフに切り替えてキャンバスの操作を停止できます。

このアイコン   は、VoiceOver をオフにすると自動的に非表示になります。

ツールチップとキーボードナビゲーションのサポート

Fresco のアクセシビリティに配慮した機能をご覧ください。

ツールチップ

マウスまたはスタイラスをツール、ボタン、タスクバー、ツールバー、その他の UI 名の上に置くと、その名前とキーボードショートカットが表示され、それらをシームレスに使用できます。 レイヤーの名前をカスタマイズできます。マウスまたはスタイラスをそのレイヤーの上に置くと、名前が表示されます。

ツールチップは、ユーザーインターフェイス、レイヤーのカスタム実装、およびタッチショートカットと適切に連携します

キーボードナビゲーション

キーボードを使用してアプリをナビゲートするには、アプリを開き、Tab キーを押して切り替えます。 ユーザーインターフェイスに青いフォーカスリングが表示されます。

  • Tab キーを押して前に移動し、Shift + Tab キーを押して後ろに移動します。
  • Enter キーまたは Space キー を押してオプションを選択します。 サブメニューのあるオプションは、ポップアップを開きます。 フォーカスリングは、外側ではなく、ポップアップ内に残るようになりました。 矢印キーを使用するか、Tab キーまたは Shift + Tab キーを使用してサブメニューをナビゲートします。
  • Space キーを押してチェックボックスを切り替えて選択します。
  • Esc キーを押して、ポップアップを呼び出したオプションに戻ります。

キーボードショートカットについて詳しくは、Fresco のキーボードショートカットを参照してください。

キーボードを使用してユーザーインターフェイスにアクセスできますが、キャンバスにはアクセスできません

レイヤーのカスタム実装

Tab キーを使用してレイヤーに焦点を合わせます。 矢印キーを使用してリスト内を移動できます。 右向き矢印キーを押して、レイヤーのグループに移動します。 親レイヤーグループに戻るには、左向き矢印キーを押します。 スワイプインおよびスワイプアウトしてレイヤーをマスキングできます。

タッチショートカットのカスタム実装

Tab キーを使用してタッチショートカット (`) に焦点を合わせます。 Enter キーを押して、タッチショートカットをアクティベートまたはディアクティベートします。 タッチショートカットは、プライマリとセカンダリの 2 つの状態で使用できます。 デフォルトでは、プライマリ状態がアクティブになっています。 右向き矢印キーを使用してセカンダリをアクティベートし、左向き矢印キーを使用してプライマリ状態に戻します。


関連リソース

ご質問やご意見をお待ちしています

質問や共有したいアイデアがあれば、 Adobe Fresco コミュニティまでお寄せください。