フォーカス管理によるアクセシビリティの強化

特定の要素にフォーカスを設定し、ユーザーがスクリーンリーダーを使用して効果的に操作できるようにします。

始める前に

必要なロール：ui_builder_admin

このタスクについて

フォーカス管理は、ユーザーがページ上の特定の要素に注意を向けることで、 UI ビルダー でビルドされたエクスペリエンスをナビゲートするのに役立ちます。たとえば、親ページの情報を更新するモーダルを閉じるときにコンポーネントをポイントできます。

手順

1. 次のように移動する。 All (すべて) > Now Experience フレームワーク > UI ビルダー.
2. 作業するエクスペリエンスを開くか、選択してエクスペリエンスを作成します 作成/挿入 > エクスペリエンス.
   エクスペリエンスの作成の詳細については、「UI ビルダー でユーザーがアプリケーションをどのように操作するかを構成する」を参照してください。
3. ページまたはページバリアントを開くかまたは作成します。
   UI ビルダーでページを作成する方法の詳細については、「UI ビルダーでページを作成する」を参照してください。
4. フォーカスをトリガーするコンポーネントをコンテンツツリーから選択します。
5. [イベント] タブを選択します。
6. [イベントマッピングの追加] を選択します。
7. リストからイベントを選択します。
8. [Continue (続行)] を選択します。
9. イベントでトリガーするフォーカスのタイプを指定します。

   [ フォーカスを設定] を選択して、ユーザーをページ上の特定のコンポーネントに誘導します。

   [ 親ページにフォーカス (Focus parent page )] を選択して、ユーザーをモーダル、ポップアップ、または類似のオーバーレイの親ページに誘導します。

   

10. [Continue (続行)] を選択します。
11. オプション: [フォーカス先を 設定] リストからフォーカスするコンポーネントを選択します。
    
12. [Add] を選択します。
13. [保存] を選択します。