アクセシビリティ機能の使用

  • リリースバージョン: Xanadu
  • 更新日 2026年06月16日
  • 所要時間:8分
  • アクセシビリティ機能には、キーボードナビゲーション、色とスタイルの設定、スクリーンリーダーの使用、検索方法などがあります。

    キーボードのアクセシビリティ

    Now Platformは、ユーザーが変更したり設定を変更したりすることなく、可能な限りアクセスできるように設計されています。ユーザーは、アクセシビリティを有効にしなくても、プラットフォーム UI をタブで移動できます。ただし、アクセシビリティを有効にしないと、タブ移動は入力から入力に移動し、参照アイコンなどのフォーム上の他の項目はスキップされます。

    タブスルーには、次のオプションがあります。
    • スキップリンクを使用すると、すべての要素をタブで移動することなく、ページのさまざまな部分にフォーカスを移動できます。
    • フォームなどの編集ページでは、キーボードフォーカスはページの最初の編集可能なフィールドから開始します。
    • glide.ui.accessibility.focus_first_fieldユーザー設定が有効になっている場合、ページのフォーカスは、ページコンテンツセクションの上部にある最初の入力フィールドから始まります。テーブルでは、通常、このフィールドが検索オプションです。フォームでは、フィールドはフォームの最初の入力フィールドです。
    • タブスルーキーと矢印キーを使用して、スラッシュバケット内のアイテムを移動します。
    • タブにフォーカスしているときは、左右の矢印キーを使用してタブを切り替えます。
    • 矢印キーは、メニュー内でエントリ間を移動するために機能します。
    • リストのタブスルーでは、[ テーブルデータをインラインで編集 ] を有効にするオプションが表示されるため、フォームを開かずにリストエディターを使用できます。
      • インライン編集モードが有効な場合、画面のフォーカスはテーブルの最初のセルに移動します。
      • セルが選択されているときに Esc キーを押すと、インライン編集モードが終了します。フォーカスはセルに留まります。
      • Space キーを押して、選択したアイテムのコンテキストメニューを開きます。
      • インライン編集モードでリスト内を移動するには、(タブキーに加えて) 矢印キーを使用します。
    • などのプロパティページ システムプロパティ > UI プロパティには、プロパティ名にアイコンを含めます。アイコンにフォーカスがあるときは、スクリーンリーダーがプロパティ名を読み上げます。
    • フォームのフィールドには、ツールヒントアイコンが含まれています。アイコンにフォーカスがあるときは、スクリーンリーダーがツールヒントを読み上げます。
    • アクセシビリティが有効になっている場合のアプリケーションナビゲーターでは、タブ操作で [ アプリケーション/モジュールの編集 ] アイコンや [ お気に入りに追加] アイコンなど、各モジュールの各要素間を移動できます。矢印キーを使用すると、これらの追加要素にフォーカスせずにアプリケーションナビゲーター内を移動できます。
    • アクセシビリティモードが有効になっている場合は、HTML フィールドとともにヘルプアイコンが表示されます。ヘルプアイコンは、HTML フィールドツールバーにアクセスしてエスケープする方法を示しています。

    色とスタイルのアクセシビリティ

    プラットフォームをよりアクセスしやすくするために、いくつかの色とスタイルが変更されています。

    Contrast UI テーマを有効にする

    システム設定のテーマタブで、Contrast UIテーマを選択します。コントラスト UI テーマは、プラットフォーム UI により高いコントラスト範囲の色を提供します。

    サービスポータルでは、ストック - ハイコントラストテーマをポータルに適用して、より高いコントラストの色範囲にすることができます。ポータルユーザーは、ユーザープロファイルウィジェットの [アクセシビリティ ] オプションを使用して、コントラストテーマを有効にすることができます。

    パターン化されたチャートとグラフ

    色に大きく依存するチャートやグラフを、色に加えてパターンで表示します。移動先 システムの設定 > 全般をクリックし、[ Data visualization patterns enabled (データ可視化パターンを有効にする)] を選択します。

    図 : 2. アクセシビリティ有効グラフ
    2 つのグラフ。1 つは色のみに依存する標準モードで、もう 1 つはパターンを含む 2 つ目のグラフのオーバーレイです。

    スクリーンリーダーのアクセシビリティ

    プラットフォームの画面要素は、スクリーンリーダーがアクセスできるように拡張されています。

    NVDA、JAWS、またはVoiceOverを使用して、プラットフォームへの非視覚アクセスを行います。

    リンクをスキップすると、ページ上の他のすべての要素をタブで移動することなく、タブ移動してメインコンテンツに直接移動できます。

    ページが再ロードされたとき、または検索結果が表示されたときに、スクリーンリーダーがユーザーに通知します。

    重要な画像とフィールドインジケーター (リスト v3 のアバターのステータスインジケーターなど) には、スクリーンリーダーが読み上げるための代替テキストがあります。

    タブ移動時の混乱を避けるために、スクリーンリーダーはタブ移動することで、[アプリケーションの編集]/[モジュールの編集]、[お気に入りに追加] アイコンにアクセスできるようにしています。[ アプリケーション/モジュールを編集 ] アイコンと [ お気に入りに追加 ] アイコンをスキップするには、キーボードの上向き矢印と下向き矢印を使用します。

    サービスポータルでは、ユーザーは自分のポータルのコンテナに代替テキストを追加して、スクリーンリーダーで読み上げることができます。

    リンクやボタンなどの要素は、スクリーンリーダーを認識するためにそのようにリストされます。

    などのプロパティページ システムプロパティ > UI プロパティには、プロパティ名にアイコンを含めます。アイコンにフォーカスがあるときは、スクリーンリーダーがプロパティ名を読み上げます。

    フォームには、ツールヒントにフォーカスがあるときにスクリーンリーダーによって読み上げられる、アクセス可能なツールヒントが含まれています。

    アクセシビリティ検索方法

    ユーザーインターフェイスで情報を検索するには、いくつかの方法があります。

    • リストが開くと、検索フィールドにフォーカスが開始されます。Tab キーまたは Shift+Tab キーを押すと、検索から移動するか、フォーカスが検索フィールドにあるときに入力を開始します。
    • リストビューのリストタイトルバーには [ 検索に移動] フィールドが含まれています。検索テキストにワイルドカード文字 * を使用すると、次で始まる検索ではなく包含検索を実行できます。このタイプのクエリは、実行に時間がかかる場合がありますが、キーストロークを節約できます。リスト検索では、他のいくつかのワイルドカードを使用することもできます。
    • アプリケーションナビゲーターのナビゲーションフィルターは、入力されたテキストに基づいてナビゲーターに表示されるアプリケーションとモジュールをフィルターします。タブ間またはスキップリンクを使用して、ナビゲーションフィルターに直接移動します。モジュールを開くには、モジュール名をクリックするか、下方向キーを押してモジュール名を強調表示し、Enter キーを押します。

    これらの検索方法の詳細については、「 利用可能な検索オプション 」を参照してください。

    ビジュアルタスクボードでのカード詳細の表示

    アクセシビリティ モードを有効にした状態で、タスク ボードのカードをタブします。カードの詳細を表示するには、カードの詳細ボタンを使用します。

    始める前に

    システム設定メニューの一般タブからアクセシビリティを有効にします。

    必要なロール:なし

    手順

    1. 移動先 すべて > セルフサービス > ビジュアルタスクボード.
    2. 既存のタスクボードを開きます。
    3. Tab キーを押してボード内を移動し、タスクカードを取得します。
    4. [カードの詳細を開く] ボタンが表示されるまで、Tab キーを押してカード内を移動します。
      図 : 3. カードの詳細
      [カードの詳細を表示] ボタンが有効で強調表示されたタスクボードカード
    5. Enter を押してカードを開きます。
    6. カードを終了するには、Esc を押します。