Skip to main content

Barrierefreie Funktionen in einer Anwendung aktivieren

Archived

1 Aufgabe

10 Min.

Visible to: All users
Mittel
Pega Platform 8.6
Benutzererfahrung
Deutsch
This content is now archived and is no longer updated. Progress is not calculated. Pega Cloud instances are disabled, and badges are no longer awarded. Hier klicken to continue your progress in the latest version.

Szenario

Im Hinblick auf die gesetzlichen Vorschriften zur Barrierefreiheit möchte GoGoRoad das Benutzererlebnis (User Experience, UX) für Anwender mit Farbfehlsichtigkeit bewerten. Führen Sie den Accessibility Inspector für jede Ansicht in der Anwendung aus, um eine Vorschau der Anzeige für Benutzer mit einer der vier aufgeführten Farbfehlsichtigkeiten zu erhalten.

Hinweis: Verwenden Sie den Accessibility Inspector in einem Step, während Sie das User Interface konfigurieren. So können Sie bereits im Zuge der Entwicklung Probleme mit der Barrierefreiheit erkennen und beheben. Richten Sie in dieser Challenge Ihr Augenmerk auf die Ausführung des Accessibility Inspector und die Identifizierung von Problemen in jeder Ansicht. Sie müssen keines der festgestellten Probleme beheben.

In der folgenden Tabelle finden Sie die Anmeldedaten, die Sie zur Durchführung der Übung benötigen.

Rolle Benutzername Passwort
Application Developer author@gogoroad pega123!
Hinweis: Ihre Übungsumgebung unterstützt möglicherweise den Abschluss mehrerer Challenges. Es kann daher vorkommen, dass die im Challenge-Walkthrough gezeigte Konfiguration nicht genau mit Ihrer Umgebung übereinstimmt.

Challenge-Schritte

Genaue Übungsschritte

1 Darstellung von Unterstützungsanfrage-Ansichten mit dem Accessibility Inspector

  1. Klicken Sie im Menü Create in Dev Studio auf New > Assistance Request, um einen neuen „Assistance Request“-Case zu erstellen.
  2. Nachdem die erste Ansicht angezeigt wurde, klicken Sie in der Statusleiste am unteren Rand des Bildschirms auf Accessibility, um den Accessibility Inspector zu öffnen.
    Hinweis: Der Accessibility Inspector identifiziert Probleme der Barrierefreiheit in jeder UI-Regel, die auf dem Bildschirm gerendert wird, einschließlich der von Dev Studio verwendeten Regeln, die in den standardmäßigen Rulesets der Pega-Plattform enthalten sind.
  3. Wählen Sie im Panel „Accessibility Inspector“ in der Liste Disability Preview die Option Achromatopsia (Absence of color) aus, um die aktuelle Ansicht nicht in Farbe, sondern in Schwarzweiß anzuzeigen.
    The Identify issue view, as perceived by a user with achromatopsia.
  4. Wiederholen Sie Schritt 3 und wählen Sie jeden der Werte in der Liste Disability preview aus, um die aktuelle Ansicht aus der Sicht eines Benutzers mit dieser Farbfehlsichtigkeit anzuzeigen.
    The Identify issue view, as perceived by a user with deuteranopia.
  5. Klicken Sie oben links im Panel „Accessibility Inspector“ auf Close, um den Accessibility Inspector zu schließen und die ursprüngliche (nicht barrierefreie) Anzeige wiederherzustellen.
  6. Klicken Sie auf Continue, um den Case zum nächsten Step des Prozesses fortzuführen.
  7. Wiederholen Sie die Schritte 2–4, um den Accessibility Inspector für die Ansicht „Enter customer information“ zu verwenden.
  8. Wiederholen Sie die Schritte 5 und 6, um den Accessibility Inspector zu schließen und den Case zum nächsten Step des fortzuführen.
  9. Wiederholen Sie die Schritte 2–6, um den Case durch die verbleibenden Steps fortzuführen. Verwenden Sie den Accessibility Inspector, um jede Ansicht so darzustellen, wie sie von einem Benutzer mit der entsprechenden Farbfehlsichtigkeit wahrgenommen wird.
  10. Klicken Sie nach Abschluss des Case oben links im Panel „Accessibility Inspector“ auf Close, um den Accessibility Inspector zu schließen und die ursprüngliche (nicht barrierefreie) Anzeige wiederherzustellen.


In den folgenden Missions verfügbar:

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