Skip to main content

アプリケーション内でアクセシビリティ機能を有効にする

1 タスク

10 分

Visible to: All users
中級 Pega Platform '23 ユーザーエクスペリエンス 日本語

シナリオ

アクセシビリティに関する政府の規制を確実に遵守するには、GoGoRoadは色覚障害を持つユーザーのユーザーエクスペリエンス(UX)を評価したいと考えています。 アプリケーションの各ビューでAccessibility Inspectorを実行すると、リストされた4つの色覚障害のうちの1つを持つユーザーの表示をプレビューできます。

補足: ベストプラクティスとして、ユーザーインターフェイスを設定するステップでAccessibility Inspectorを使用します。これにより、開発中にアクセシビリティの問題を特定して終了することができます。 このチャレンジでは、Accessibility Inspectorを実行し、各ビューでの問題を確認することに焦点を当てています。 ユーザーが特定された問題をすべて修正する必要はありません。

以下の表は、チャレンジに必要なログイン情報をまとめたものです。

ロール ユーザー名 パスワード
アプリケーションデベロッパー author@gogoroad pega123!
補足: 練習環境では、複数のチャレンジの完了をサポートする場合があります。 その結果、チャレンジのウォークスルーに表示される設定は、お客様の環境と完全に一致しない場合があります。

このチャレンジを完了するには、Pegaインスタンスを起動する必要があります。

起動には5分ほどかかることがありますので、しばらくお待ちください。

チャレンジ ウォークスルー

詳細なタスク

1 Accessibility Inspectorを使用してAssistance requestビューを表示する

  1. チャレンジのPegaインスタンスに、以下のログイン情報を入力します。
    1. User nameフィールドに「author@gogoroad」と入力します。
    2. Password フィールドに「pega123!」と入力します。
  2. Dev StudioのCreateメニューで、New > Assistance Requestをクリックして新しいAssistance Requestケースを作成します。
    1. 最初のビューが表示された後、画面下部のステータスバーでAccessibilityをクリックすると、Accessibility Inspectorが開きます。
      補足: Accessibility Inspectorは、標準的なPega Platform™ルールセットで提供されるDev Studioで使用されるルールを含め、画面上に表示される任意のUIルールのアクセシビリティの問題を特定します。
  3. Accessibility InspectorペインのDisability PreviewリストでAchromatopsia (Absence of color)を選択すると、現在のビューがカラーではなく白黒で表示されます。
    The Identify issue view, as perceived by a user with achromatopsia.
  4. 手順4を繰り返し、Disability Previewリストの各値を選択して、その色覚障害を持つユーザーから見た現在のビューを表示します。
    The Identify issue view, as perceived by a user with deuteranopia.
  5. Accessibility Inspectorペインの左上にある「Close」をクリックすると、Accessibility Inspectorが閉じ、元の(障害のない)表示を復元します。
  6. Continue」をクリックして、プロセスでケースを次のステップに進めます。
  7. 手順3~5を繰り返してAccessibility Inspectorを使用し、Enter customer informationビューを表示します。
  8. 手順6と7を繰り返してAccessibility Inspectorを閉じ、ケースを次の手順に進みます。
  9. 手順3~7を繰り返し、ケースステップのリマインダーを通してケースを先に進めます。ここでは、Accessibility Inspectorを使用して、対応する色覚障害を持つユーザーが見たときの各ビューが表示されます。
  10. ケースの終了後、Accessibility Inspectorペインの左上にある「Close」をクリックすると、Accessibility Inspectorが閉じ、元の(障害のない)表示を復元します。
    補足: このチャレンジでは、自動評価の検証は行われません。

このチャレンジは、下記のモジュールで学習したことを実践するための内容です。


このモジュールは、下記のミッションにも含まれています。

トレーニングを実施中に問題が発生した場合は、Pega Academy Support FAQsをご確認ください。

このコンテンツは役に立ちましたか?

改善できるところはありますか?

We'd prefer it if you saw us at our best.

Pega Academy has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice