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

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

始める前に

必要なロール：ui_builder_admin

このタスクについて

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

手順

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

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

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

   

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