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

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間:1分
  • 特定の要素にフォーカスを設定し、ユーザーがスクリーンリーダーを使用して効果的に操作できるようにします。

    始める前に

    必要なロール:ui_builder_admin

    このタスクについて

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

    手順

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

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

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

      [フォーカスを設定] を示すイベントハンドラーのリスト。
    10. [続行] を選択します。
    11. オプション: [以下にフォーカスを設定] リストからフォーカスするコンポーネントを選択します。
      [以下にフォーカスを設定] フィールドで選択された簡易リストコンポーネント。
    12. [追加] を選択します。
    13. [保存] を選択します。