アクセシビリティ機能の使用
アクセシビリティ機能には、キーボードナビゲーション、色とスタイルの設定、スクリーンリーダーの使用、検索方法などがあります。
キーボードのアクセシビリティ
は Now Platform 、ユーザーによる変更や設定の変更なしに、可能な限りアクセスできるように設計されています。ユーザーは、アクセシビリティを有効にしなくても、プラットフォーム UI をタブで移動できます。ただし、アクセシビリティが有効になっていない場合、タブ移動は入力から入力へと移動し、参照アイコンなどのフォーム上の他のアイテムはスキップされます。
- スキップ リンクを使用すると、すべての要素をタブで移動することなく、ページの別の部分にフォーカスを移動できます。
- フォームなどの編集ページでは、ページ上の最初の編集可能なフィールドからキーボード フォーカスが開始されます。
- glide.ui.accessibility.focus_first_fieldユーザー初期設定が有効になっている場合、ページフォーカスは、ページコンテンツセクションの上部にある最初の入力フィールドから開始されます。テーブルでは、通常、このフィールドが検索オプションになります。フォームでは、フィールドはフォームの最初の入力フィールドです。
- タブスルーキーと矢印キーを使用して、スラッシュバケット内のアイテムを移動します。
- タブにフォーカスがあるときは、左右の矢印キーを使用してタブを切り替えます。
- 矢印キーは、メニュー内でエントリ間を移動するために機能します。
- リストのタブスルーでは、[ インラインでテーブルデータを編集 ] を有効にするオプションが表示されるため、フォームを開かずにリストエディターを使用できます。
- インライン編集モードが有効な場合、画面のフォーカスはテーブルの最初のセルに移動します。
- セルが選択されているときに Esc キーを押すと、インライン編集モードが終了します。フォーカスはセルに残ります。
- 選択したアイテムのコンテキストメニューを開くには、Space キーを押します。
- インライン編集モードでリスト内を移動するには、(タブキーに加えて) 矢印キーを使用します。
- 次のようなプロパティページ で、プロパティ名にアイコンを含めます。スクリーンリーダーは、アイコンにフォーカスがあるときにプロパティ名を読み上げます。
- フォームのフィールドには、ツールヒントアイコンが含まれています。スクリーンリーダーは、アイコンにフォーカスがあるときにツールヒントを読み上げます。
- アクセシビリティが有効になっている場合、アプリケーションナビゲーターで [ アプリケーション/モジュールの編集 ] アイコンや [ お気に入りに追加 ] アイコンなど、すべてのモジュールの各要素間をタブで移動できます。矢印キーを使用して、これらの追加要素にフォーカスせずにアプリケーションナビゲーター内を移動します。
- アクセシビリティモードが有効になっている場合は、HTML フィールドとともにヘルプアイコンが表示されます。ヘルプアイコンは、HTML フィールドツールバーにアクセスしてエスケープする方法を示しています。
スキップリンクを使用する
リンクをスキップすると、ユーザーはアイコン、バナーテキスト、ナビゲーションリンクなどの要素をバイパスして、ページ、リスト、またはフォーム上のメインコンテンツにすばやく移動できます。スキップリンクは、タブ移動するまで表示されません。
始める前に
必要なロール：なし
このタスクについて
ユーザー・インターフェースには、ナビゲーション・メニューおよびメイン・コンテンツ・ペインへのスキップ・リンクが含まれています。アクセシビリティが有効になっていない場合、ユーザーはスキップ リンクを使用してアクセシビリティを有効にすることもできます。
- アクセシビリティを有効にする: アクセシビリティを有効にします。このスキップリンクは、ユーザーがアクセシビリティをまだ有効にしていない場合にのみ表示されます。Enter キーを押すと、アクセシビリティ モードを有効にしてページを再読み込みするように求められます。
- ナビゲーターにスキップ:アプリケーションナビゲーターのナビゲーションフィルターにスキップします。
- メインコンテンツにスキップ:メインコンテンツページにスキップします。
- テーブルデータをインラインで編集:テーブルの最初のフィールドにスキップします。フィールドを選択したら、Enter キーを押してフィールドを編集します。フィールドのコンテキストメニューを開くには、Space キーを押します。Esc キーを押して、インライン編集モードを終了します。
スキップ リンクは、通常、ページまたはフレームのタブ オーダーの最初の項目です。
手順
- [Tab]キーと[Shift]+[Tab]キーを使用して、スキップリンクやその他の選択可能なフィールド間を前後に移動します。
- スキップ リンクにフォーカスが移動したら、Enter キーを押してリンクを選択します。
色とスタイルのアクセシビリティ
プラットフォームをよりアクセスしやすくするために、いくつかの色とスタイルが変更されています。
Contrast UIテーマを有効にする
システム設定のテーマタブで、Contrast UIテーマを選択します。コントラスト UI テーマは、プラットフォーム UI の色のコントラスト範囲を広げます。
サービスポータルでは、在庫 - ハイコントラストテーマをポータルに適用して、より高いコントラストの色範囲にすることができます。ポータルユーザーは、ユーザープロファイルウィジェットの アクセシビリティ オプションを使用して、コントラストテーマを有効にすることができます。
パターン化されたチャートとグラフ
色に大きく依存するチャートやグラフを、色に加えてパターンで表示します。移動先 をクリックし、[ Data visualization patterns enabled] (データ可視化パターンを有効にする) を選択します。
スクリーンリーダーのアクセシビリティ
プラットフォームの画面要素が拡張され、スクリーンリーダーがアクセス可能になりました。
NVDA、JAWS、またはVoiceOverを使用して、プラットフォームへの非ビジュアルアクセスを行います。
リンクをスキップすると、ページ上の他のすべての要素をタブで移動するのではなく、メインコンテンツに直接タブできます。
ページが再ロードされたり、検索結果が表示されたりすると、スクリーンリーダーがユーザーに通知します。
重要な画像とフィールドインジケーター (たとえば、リスト v3 のアバターのステータスインジケーター) には、スクリーンリーダーで読み上げるための代替テキストがあります。
タブ間を移動するときの混乱を避けるために、スクリーンリーダーからはタブ移動することで、アプリケーションの編集/モジュールの編集アイコンとお気に入りに追加アイコンにアクセスできます。[ アプリケーション/モジュールの編集 ] アイコンと [ お気に入りに追加 ] アイコンをスキップするには、キーボードの上向き矢印と下向き矢印を使用します。
サービスポータルでは、ユーザーは自分のポータルのコンテナに代替テキストを追加して、スクリーンリーダーで読み上げることができます。
リンクやボタンなどの要素は、スクリーンリーダー認識のためにそのようにリストされています。
次のようなプロパティページ で、プロパティ名にアイコンを含めます。スクリーンリーダーは、アイコンにフォーカスがあるときにプロパティ名を読み上げます。
フォームには、ツールヒントにフォーカスがあるときにスクリーンリーダーが読み上げる、アクセス可能なツールヒントが含まれています。
アクセシビリティ検索方法
ユーザー インターフェイスで情報を検索するには、いくつかの方法があります。
- リストが開くと、検索フィールドにフォーカスが開始されます。Tab キーまたは Shift+Tab キーを押して検索から離れるか、フォーカスが検索フィールドにある間に入力を開始します。
- リストビューでは、リストのタイトルバーに [検索に移動] フィールドが含まれています。検索テキストでワイルドカード文字 * を使用すると、検索で始まる検索ではなく包含検索を実行できます。このタイプのクエリは実行に時間がかかる場合がありますが、キーストロークを節約できます。リスト検索では、他にもいくつかのワイルドカードを使用できます。
- アプリケーションナビゲーターのナビゲーションフィルターは、入力されたテキストに基づいてナビゲーターに表示されるアプリケーションとモジュールをフィルタリングします。タブ間またはスキップリンクを使用して、ナビゲーションフィルターに直接移動します。モジュールを開くには、モジュール名をクリックするか、下向き矢印キーを押してモジュール名を強調表示し、Enter キーを押します。
これらの検索方法の詳細については、「 利用可能な検索オプション 」を参照してください。
ビジュアル タスク ボードでカードの詳細を表示する
アクセシビリティ モードを有効にした状態で、タスク ボードのカードをタブします。カードの詳細を表示するには、カードの詳細ボタンを使用します。
始める前に
必要なロール：なし
手順
-
[カードの詳細を開く] ボタンが表示されるまで、Tab キーを押してカード内を移動します。
図 : 3. カードの詳細