AzubiWelt (iOS)

1. Pop-Up Hinweise, Datenschutz und Eingabe des Namens
   • Bei den 5 Punkten bis zu Datenschutz.
2. Datenschutz
   • Schaltfläche/Link „Nicht erlauben“
3. Eingabe Name
   • Eingabe bei „Wie heißt Du?“: Tester*in
   • Schaltfläche „Los geht's“

1. Entdecken
   • Schaltfläche „Entdecke Berufsfelder“
2. Berufsfelder
   • Schaltfläche „IT, Computer“
3. IT, Computer
   • Schaltfläche „Berufe in der Hard- und Softwareentwicklung“
4. Berufe in der Hard- und Softwareentwicklung
   • Schaltfläche „Fachinformatiker/in Anwendungsentwicklung“
5. Fachinformatiker/in Anwendungsentwicklung
   • Bilder ansehen
   • Hinweis: Das Video öffnet sich in einer externen Webseite. Daher wird es nicht in den Test einbezogen.
   • Schaltfläche „Steckbrief ansehen“.

1. Entdecken
   • Schaltfläche „Suche Berufe / Stellen“
2. Suche
   • Eingabe bei „Berufe oder Stellen suchen“: Entwicklung
   • Auswahl aus Liste: Fachinformatiker/in Anwendungsentwicklung
   • Eingabe bei „\< Ort festlegen >“: Wetter
   • Auswahl aus Liste: 58300 Wetter (Ruhr)
   • Pop-Up „Wusstest du schon?“: Schaltfläche „Ja“
   • Pop-Up „Mitteilungen“: Schaltfläche „Nicht erlauben“
   • Eingabefeld / Schaltfläche „Ort“
   • Auswahl bei Umkreis: 5 km
   • Schaltfläche „Speichern“
   • Auswahl aus Liste „Ausbildungsstellen“: Erstes Element
3. Details zur Ausbildungsstelle
   • Informationen lesen

Erreichbarkeit

Ablauf 2, Ansicht 5: Fachinformatiker/in Anwendungsentwicklung

• Die Erklärungen zu den Berufen wird nur teilweise angezeigt. Durch eine Schaltfläche mit einem nach unten gerichteten Pfeil kann die vollständige Erklärung angezeigt werden. Die Schaltfläche kann nicht mit der Tastatur erreicht werden.

• Beim Anschauen der Bilder in der Galerie können diese geöffnet, aber nicht per Tastatur wieder geschlossen werden. Die App ist erst nach einer Wischgeste nach unten oder einem Neustart wieder bedienbar.

Ablauf 3, Ansicht 3: Details zur Ausbildungsstelle

• Bei den Texten werden nur teilweise angezeigt. Es gibt Schaltflächen in Form eines nach unten gerichteten Pfeils, um den vollen Text anzuzeigen. Diese können per Tastatur nicht erreicht werden.
• In der Detailansicht befindet sich eine Kartenansicht. Nachdem diese mit der Tastatur erreicht wurde, werden die Tasten ausschließlich zur Steuerung der Karte verwendet und eine Navigation darüber hinaus ist nicht möglich. Eine Navigation zurück ist durch zeitgleiches Drücken der Umschalt- und Tabulatortaste möglich, die Inhalte unterhlb der Karte sind aber nicht erreichbar.

Visueller Fokus

Ablauf 2, Ansicht 1: Entdecken; Ansicht 3: IT, Computer

• Die Schaltflächen auf der Startseite haben einen kaum wahrnehmbaren Farbwechsel, wenn sie den Tastaturfokus bekommen.

Ablauf 2, Ansicht 3: IT, Computer

• Die Schaltflächen auf der Seite zur Eingrenzung der Kategorie haben einen kaum wahrnehmbaren Farbwechsel, wenn sie den Tastaturfokus bekommen.

  

Generell

• Bei einigen Schaltflächen in der App gibt es 2 Ebenen der Ansage. Zunächst wird "Taste" angesagt und erst beim Weiterlesen die Beschriftung, dann aber ohne den Hinweis, dass es sich um eine Taste handelt.

• Am Ende jeder Seite kommen zusätzlich die Ansagen "In Arbeit", "Die Details zu diesem Beruf konnten nicht geladen werden, bitte versuch es später erneut" und "Laden, Ellipse". Wahrscheinlich sind dieses die Inhalte von Informations-Pop-Ups, die nicht für Screenreader ausgeblendet wurden.

Typ (Link/Schaltfläche) wird angesagt

Ablauf 2, Ansicht 2: Berufsfelder; Ansicht 3: IT, Computer; Ansicht 4: Berufe in der Hard- und Softwareentwicklung

• In den Übersichtslisten werden die Beschriftungen angesagt, aber nicht, dass es sich um Schaltflächen handelt.

Ablauf 2, Ansicht 5:Fachinformatiker/in Anwendungsentwicklung

• Bei der Schaltfläche "Steckbrief anzeigen" wird nicht angesagt, dass es sich um eine Schaltfläche handelt.

Ablauf 3, Ansicht 2: Suche

• In der Auswahlliste der Berufe werden die Beschriftungen angesagt, aber nicht, dass es sich gleichzeitig um Schaltflächen handelt.
• In der Auswahlliste der Orte werden die Beschriftungen angesagt, aber nicht, dass es sich gleichzeitig um eine Schaltfläche handelt

Ablauf 3, Ansicht 3: Details zur Ausbildungsstelle

• Unter der Kartenansicht befindet sich eine Schaltfläche, die mit der Adresse beschriftet ist. Darauf, dass es eine Schaltfläche ist, die die Karten-App öffnet, gibt es keinen Hinweis.

Sinnvoll beschriftet

Ablauf 2, Ansicht 1: Entdecken

• Das Logo der Arbeitsagentur in der oberen linken Ecke wird als „Grau dargestellt“ angesagt.

Ablauf 2, Ansicht 5:Fachinformatiker/in Anwendungsentwicklung

• Die Bilder in der Galerie werden alle einzeln fokussiert, obwohl sie nicht sichtbar sind. Es wird jeweils angesagt, dass es sich um eine Taste handelt, der Zweck jedoch nicht.

Ablauf 3, Ansicht 2: Suche

• Bei den Feldern zur Eingabe des Berufes und des Ortes wird lediglich „Taste“ angesagt. Der Zweck der Schaltfläche wird jedoch nicht erwähnt.

Ablauf 3, Ansicht 3: Details zur Ausbildungsstelle

• Unter der Kartenansicht befindet sich eine Schaltfläche, die mit der Adresse beschriftet ist und die Karten-App öffnet. Darauf, dass es eine Schaltfläche ist, gibt es keinen Hinweis.

Alle Bilder besitzen eine Textalternative

Ablauf 2, Ansicht 5:Fachinformatiker/in Anwendungsentwicklung

• Die Bilder in der Galerie werden alle einzeln fokussiert, obwohl sie nicht auf dem Bildschirm sichtbar sind. Es wird jeweils angesagt, dass es sich um eine Schaltfläche handelt. Bildbeschreibungen sind jedoch nicht verfügbar.

Wichtige Bilder sind inklusive enthaltenem Text korrekt beschrieben

Ablauf 2, Ansicht 5:Fachinformatiker/in Anwendungsentwicklung

• Die Bilder in der Galerie haben keine Bildbeschreibung.

Sinnvoll beschriftet

Ablauf 3, Ansicht 2: Suche

• Bei der Suche nach einem Ort kann mittels eines Schiebereglers der Umkreis eingestellt werden. VoiceOver sagt hier lediglich den Wert an, der in Prozent angegeben wird, obwohl es sich um Kilometer handelt. Daneben befindet sich ein Text, der den aktuell eingestellten Wert in Kilometern angibt. Die Verbindung wird allerdings nicht klar kommuniziert.

Pflichtfelder markiert

Ablauf 3, Ansicht 2: Suche

• Das Suchfeld „Berufe und Stellen suchen“ benötigt eine Eingabe von mindestens drei Zeichen. Das wird auch auf dem Bildschirm angezeigt. Da der Text aber technisch nicht mit dem Eingabefeld verknüpft ist, ist er für Personen, die einen Screenreader benutzen, nicht zugänglich. Beim Versuch, den Text mit VoiceOver vorlesen zu lassen, wird statt des sichtbaren Textes „Gib mindestens 3 Zeichen ein, um Berufe zu suchen“ angesagt: „In diesem Berufsfeld befinden sich keine Ausbildungsberufe, bitte versuche es mit einem anderen Berufsfeld.“

Textgröße ändern

• Eine Änderung der Textgröße hat keinerlei Auswirkungen auf die App.

Kontrast

Ablauf 2, Ansicht 2: Berufsfelder

• Die Schrift des Platzhaltertextes im Suchfeld ist grau auf hellgrauem Hintergrund und hat damit ein schlecht lesbares Kontrastverhältnis von 3.30 zu 1.

Ablauf 3, Ansicht 2: Suche

• Name und Adresse der Ausbildungsplatz-Anbieter sind in einem hellen Grau auf weißem Hintergrund angegeben. Diese Farben haben ein Kontrastverhältnis von 3.26 zu 1, was für kleinen Text zu schwach ist.

Ablauf 3, Ansicht 2: Suche; Ansicht 3: Details zur Ausbildungsstelle

• Die Zwischenüberschriften haben mit einer grauen Schrift auf hellgrauem Hintergrund ein Kontrastverhältnis von 2.03 zu 1, was auch für großen Text zu schwach ist.

Erhöhter Kontrast

Ablauf 3, Ansicht 2: Suche; Ansicht 3: Details zur Ausbildungsstelle

• Auf die Zwischenüberschriften hat die Aktivierung des erhöhten Kontrastmodus keine Auswirkungen.