アクセシビリティ機能の使用
アクセシビリティ機能には、キーボードナビゲーション、色とスタイルの設定、スクリーンリーダーの使用、検索方法などがあります。
キーボードのアクセシビリティ
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 キーを押します。
これらの検索方法の詳細については、「 利用可能な検索オプション 」を参照してください。
ビジュアルタスクボードでのカード詳細の表示
アクセシビリティ モードを有効にした状態で、タスク ボードのカードをタブします。カードの詳細を表示するには、カードの詳細ボタンを使用します。
始める前に
必要なロール:なし